• Hi. Great theme. Thanks.

    But there are two problems I’m noticing with product page images when viewed on a responsive device/mobile.

    The first is if there are several gallery images. Those images just break out over everything below them as you can see in the following image: https://ibb.co/hW4cH29 — You can see there how the gallery images break out over the heading below, etc. when viewed on mobile.

    The second problem I notice is that if you don’t actually include other gallery images and just choose one single image for the product, that image is misaligned on the page as per the following image: https://ibb.co/cyBGFhd — You can see there that if there is only one product image, it’s misaligned to the right instead of being centered on mobile devices.

    • This topic was modified 4 years, 5 months ago by spinzz.
Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author apollo13themes

    (@apollo13themes)

    Hello ??

    The first is if there are several gallery images. Those images just break out over everything below them as you can see in the following image: https://ibb.co/hW4cH29 — You can see there how the gallery images break out over the heading below, etc. when viewed on mobile.

    This was fixed in the previous update.

    The second problem I notice is that if you don’t actually include other gallery images and just choose one single image for the product, that image is misaligned on the page as per the following image: https://ibb.co/cyBGFhd — You can see there that if there is only one product image, it’s misaligned to the right instead of being centered on mobile devices.

    Please share a live link to this example.

    With kind regards.
    Air.

    Thread Starter spinzz

    (@waterprism)

    Hi. Thanks. Okay, yes, I’ve updated and see that the first issue with the gallery images has been fixed. Thanks.

    For the second example where single-image products are misaligned, you can see https://www.unionactivewear.com/product/single-image/

    Thanks.

    Thread Starter spinzz

    (@waterprism)

    Please can you remove the link if you have seen the page in question.

    Theme Author apollo13themes

    (@apollo13themes)

    Hey ??

    Thanks for the link. I will check is there any way to detect when there are no other thumbnails, to remove this space for them when it is not needed.

    You can also switch to default WooCommerce thumbs Customizing ? Shop(WooCommerce) settings ? Single product ? Theme thumbnails ? Disable

    As for the link in your post. I can not edit it, as I don’t have any moderation rights here.

    With kind regards.
    Air.

    Thread Starter spinzz

    (@waterprism)

    Okay. Thanks.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Moderator here:

    Unless it is an extreme case, posts and replies are not edited here.

    Forum topics will only be edited or deleted if they represent a valid legal, security, or safety concern.

    See https://www.ads-software.com/support/guidelines/#deleting-editing-posts and https://www.ads-software.com/about/privacy/

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Woor product image problems when viewed on mobile’ is closed to new replies.