Return to previous page

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

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

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

#325253 Copied Theme version: 0.0.1

7 Answers

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

#325263 Copied

Saira

Participant

June 7, 2022 at 08:40

Haii,

I will provide Wp-admin details.

Thank You

Please contact administrator
for this information.

#325267 Copied
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
#325273 Copied
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

#325276 Copied

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

#325287 Copied

Saira

Participant

June 7, 2022 at 14:06

Haii,

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

#325290 Copied

Olga Barlow

Participant

June 7, 2022 at 18:03

Hello.

You are welcome.

Regards

#325312 Copied
Tagged: image gallery, persuasive writing, product short description, seo friendly, templates, wordpress woocommerce
Viewing 8 results - 1 through 8 (of 8 total)