Image gallery session inside the short description session of each product.

This topic has 8 replies, 3 voices, and was last updated 2 years, 1 months ago ago by Olga Barlow

  • Avatar: Saira
    Saira
    Participant
    June 7, 2022 at 06:23

    Haiii,
    I want to add an image gallery session inside the shot description session of each product.
    Already there is a session to add product gallery images. Rather than this I want to add an image gallery of colour chart in the product description session, when clicking on a image it should display in bigger size and the images should more as slider with the ability to zoom the images. For this I have add the images as gallery inside the static block and paste the shortcode inside the product page and install a third party plugin to move the images as slider. Now when clicking the image it will display in bigger size, and the images will move like slider.
    This is fine in web, but when coming to mobile there is some problem. Is there any other method to do so.
    I will provide the link of a product for your reference : https://staging2.melangedesigningstudio.com/product/testing_1/

    Thank You

    7 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 7, 2022 at 07:47

    Hello,

    Provide temporary wp-admin and FTP access, so we can take a closer look.

    Regards

    Avatar: Saira
    Saira
    Participant
    June 7, 2022 at 08:40

    Haii,

    I will provide Wp-admin details.

    Thank You

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 7, 2022 at 09:51

    Hello,

    I would recommend you to use WPBakery element – Image Gallery https://prnt.sc/WNW4QSxbVN3-
    The result will be much better and you don’t need to use extra plugins for that ->
    Desktop: https://gyazo.com/27da50140c54758c60dbb4ae5b10e56b
    Mobile: https://gyazo.com/9730a7918251d47a4e8380344c6886e0
    Also you may use next custom css to make it shown by 4 columns

    .wpb_gallery_slides.wpb_image_grid .isotope-item {
    position: static !important;
    width: 25%;
    margin: 0;
    }
    .wpb_gallery_slides.wpb_image_grid ul {
    height: auto !important;
    display: block;
    }

    Result: https://prnt.sc/ToAyEupGC_7N
    For this time I disabled WP Featherlight plugin so you can check the idea I shared before without that plugin – otherwise you may enable it back

    Regards

    Avatar: Saira
    Saira
    Participant
    June 7, 2022 at 10:37

    Haii,

    Thank You for your great support. Now it is working correct.

    Is it possible to apply a zoom in and out effect for the image so the users can view it some more bigger size.

    Thank You

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 7, 2022 at 13:20

    Hello,

    No, there is no option to make zoom from the gallery but we have the option in our Theme Options -> General ( https://prnt.sc/Y1BsYw7buS8i )
    After you activate it customers will be able to zoom your side so that images will be ready to scaleIn as well.
    Hope activating that option will be ok for your reasons.
    P.S. for now it is active on your staging2… (clear cache and see changes from mobile device)

    Regards

    Avatar: Saira
    Saira
    Participant
    June 7, 2022 at 14:06

    Haii,

    Thank You so much.
    Now I can zoom the images in the mobile.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    June 7, 2022 at 18:03

    Hello.

    You are welcome.

    Regards

  • Viewing 8 results - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.