• Priority: Medium
  • 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.

Attachments:

cruelty-free.png (72.9 KiB)

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.

Attachments:

animal-testing.png (87.3 KiB)
pdoruct-desc.png (64.5 KiB)
Marek 08 Aug 2019, 20:07

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