Responsive images with AAWP

  • Resolved denise8a

    (@denise8a)


    11 months, 1 week ago

    Hi there!

    I’ve still under the learning curve with LiteSpeed and I’m facing an issue that I haven’t been able to figure out yet.

    I’m using AAWP plugin for a table.

    On desktop, it displays like this:

    https://prnt.sc/EIcIU-GXbevA

    But when it applies the responsive size, the images are not having the right aspect ratio.

    https://prnt.sc/O1FwmpNbD_2p

    Whatever the settings I have for this, for some reason is only affecting the images on this type of block. Any other container with images seems to be working fine, even other AAWP boxes.

    I did a quick test, deactivating the litespeed cache plugin in and the responsive images for this AAWP table are ok.

    Any idea on how can I fix this?

    Many thanks!
    Denise

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Support qtwrk

    (@qtwrk)

    please provide the report number

    you can get it in toolbox -> report -> click “send to LiteSpeed”

    Thread Starter denise8a

    (@denise8a)

    Hi,

    Report number: CEYQUBHI

    Report date:?12/21/2023 12:38:04

    Thanks!

    Plugin Support qtwrk

    (@qtwrk)

    hmmm? how do I reproduce the issue ? it seems good on my mobile view

    Thread Starter denise8a

    (@denise8a)

    Hi,

    Please take a look:

    https://www.awesomescreenshot.com/video/23510445?key=2aba71bbda3fa8c7a0ca1573f0656d62

    Thanks!

    Plugin Support qtwrk

    (@qtwrk)

    what happens if you do a refresh there

    Thread Starter denise8a

    (@denise8a)

    Hi there!

    I added under “Lazy Load Image Class Name Excludes” the class: aawp-product and the images are loading in the right aspect now.

    Since these pages are heavy on images coming from this plugin, I would like to have the benefit of the lazy loading on them.

    Is it possible to optimize the aspect ratio for the responsive images?
    Any other workaround?
    Thanks!

    Denise

    Plugin Support qtwrk

    (@qtwrk)

    it’s the way how you test it , no real tablet or mobile device will access pages in that way

    when you visit the page as desktop , the plugin detects it as desktop dimensions , then you open dev tool and change the screen size without refresh , it will retain the desktop dimension

    refresh it to load the mobile view should make it work.

    • This reply was modified 11 months, 1 week ago by qtwrk.
    Thread Starter denise8a

    (@denise8a)

    Not sure if I followed you last comment.

    Before preventing the lazy loading for the AAWP product images, I tested the pages on actual mobile devices and had the same aspect ratio error that I showed above. I did refresh the pages and nothing changed. I cleared cache and noting happened.

    Still not sure how to address this issue, without overriding the lazy loading.

    Any other suggestion?

    Plugin Support qtwrk

    (@qtwrk)

    no no , I mean , when you first load page in desktop , then resize it to table/mobile view is kind of break the plugin’s logic , try resize the screenshot to table , as a real device does , then open the page, see what it shows

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Responsive images with AAWP’ is closed to new replies.