• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Marek
  • Private: No
  • Open Date: 02.08.19, 14:15
  • Opened by: Lisa Keeling
  • Closed by: Marek
  • Closed on: 30.08.19, 12:32
  • Reason: Closed
  • Comment: Glad to help!

Ticket #15269 - Description Icons (AMP)

Hi Marek,

Do you know why the icon that is set up in back office as 26px in width is huge on mobiles? Image attached.

Comments

Marek 02 Aug 2019, 20:19

Please give me a link where I can see that

Lisa Keeling 03 Aug 2019, 09:09

NEW: https://dev.londoncopyright.com/m/page/7-animal-cruelty-policy

SHOULD BE: https://londoncopyright.com/content/7-animal-cruelty-policy

<amp-img src=”https://dev.londoncopyright.com/img/cms/LeapingBunny_monoblack_RGB_NoText.png” alt=”” width=”26” height=”19” layout=”responsive” class=”i-amphtml-element i-amphtml-layout-responsive i-amphtml-layout-size-defined i-amphtml-layout” i-amphtml-layout=”responsive”><i-amphtml-sizer style=”padding-top: 73.07692307692307%;”></i-amphtml-sizer><img decoding=”async” alt=”” src=”https://dev.londoncopyright.com/img/cms/LeapingBunny_monoblack_RGB_NoText.png” class=”i-amphtml-fill-content i-amphtml-replaced-content”></amp-img>

Marek 03 Aug 2019, 10:35

Try to add style attribute manually https://take.ms/exqly

Lisa Keeling 07 Aug 2019, 11:06

Hi Marek,

I was trying to add the styles manually but it looks like mobile website blocks somehow responsiveness of the images. I even uploaded smaller image, but then it displays the image with really low quality. I am able to manipulate with the size using google inspection, but when it comes to adding it manually in page, it doesn’t work… :(

Marek 07 Aug 2019, 12:36

I just added a fix to the file /lcr_dev/modules/pk_amp/controllers/front/cms.php

Lisa Keeling 07 Aug 2019, 13:03

Thank you, scaling works for pages, but I have exactly the same issue under product description. Summary works fine though.

https://dev.londoncopyright.com/m/product/94-magnetic-eyeshadow-shades-wildfire

Also, image alignment doesnt work - both for pages and product summary/description. It always aligns to the left.

Marek 07 Aug 2019, 19:41

try to add an attribute to the image

align="left"

it should looks like this:

<img src="path/to/img.jpg" align="left">
Lisa Keeling 08 Aug 2019, 10:38

Tried.

Code: <img src=”https://dev.londoncopyright.com/img/cms/LeapingBunny_monowhite_RGB_NoText.png” alt=”” width=”100” height=”73” align=”right” />
Result on the image.

I can’t align image to the centre and right.
2. What about scaling the icon in product description? Did you see the link i sent above - cruelty free icon is huge on product description section and whatever I do, it doesn’t scale.

Marek 08 Aug 2019, 20:07

scaling the icon in product description is fixed.
As for the alignment, please check it out now