Home Forums WoodMart support forum Customize product Image gallery at product page , zoom all images

Customize product Image gallery at product page , zoom all images

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #683068

    quang.nguyen
    Participant

    Hi,

    I need your help!

    I set up themese on my ecommerce site, at product page (example https://creatimicstudio.vn/product/tai-nghe-presonus-hd7/), with one main image that can set “zoom”, but when I click or move the mouse to sub-product images (next to the main image), all images can zoom in size of images? And, how to add a slide arrow to show on the main image, can slide all sub-images? I need help guiding how to set. I tried the config at: “Theme settings -Gallery”. It’s not working!

    Summary:
    1. Zoom main image
    2. Zoom sub-images (next to)
    3. Show one slide arrow on the main image product.
    My product link: https://creatimicstudio.vn/product/tai-nghe-presonus-hd7/
    Thanks & regards,
    Quang

    #683075

    quang.nguyen
    Participant

    Hi,

    I want to set up our product show like this URL: https://franklincorp.com/product/972-marcella-sectional/

    Best regards,
    Quang

    #683178

    Hello,

    Navigate to Theme Settings -> Single Product -> Gallery -> Main image click action -> Enable/disable zoom option or switch to photoswipe popup.

    For the gallery to work well, navigate to Theme Settings > Performance > JS > Enable the option Swiper library “Always Load” and check the issue: https://ibb.co/jPwWmxcg

    Best Regards,

    #683195

    quang.nguyen
    Participant

    Hi,
    Please read my question again:

    I want to set up our product show like this URL: https://franklincorp.com/product/972-marcella-sectional/

    1. Zoom all images when moving the mouse over the images
    2. Show arrow on main product image

    Please check the attached files.

    Best regards,
    Quang

    Attachments:
    You must be logged in to view attached files.
    #683212

    Hello,

    Because the swiper library is disabled on your site that is why the arrows are not showing. Navigate to Theme Settings > Performance > JS > Enable “Advanced scripts controls” and Enable the option Swiper library “Always Load” and check the issue: https://ibb.co/jPwWmxcg

    Best Regards,

Viewing 5 posts - 1 through 5 (of 5 total)