Brooklyn Theme - someone please help me add dots under the product photos? Or create gallery view

Highlighted
New Member
2 0 0

Hello everyone! 

Hoping someone can help me. 

This is regarding BROOKLYN THEME on MOBILE VIEW

I would like to add MORE dots (to represent the number of available media left to see) under the main product photo.

OR, to create gallery view

Either way, I would like the customers to understand clearly that there are more photos to be seen

at the moment, the dots do not represent the correct number of photos/media

I understand that it will be aesthetically uglier with more dots, but i just dont want clients checking out without having seen all the photos of a listing

I also understand that if there are 100 photos total and that if one is at the 9th, 10th, 11th, 12th (etc) photo , the end dot will not be black. but i just want to make it absolutely foolproof/dummyproof and have the dots sooo obviously represent that there is more unseen media

Screen Shot 2020-09-29 at 10.12.32 PM.png

thank you so much !

0 Likes
Highlighted

Hi there.
I'm Victor from PageFly team.
To make slide dot display as you want, you can try this :

follow this path:

Themes => edit code => asset => theme.scss.liquid

and add this code to bottom of the file theme.scss.liquid

.product-single__media-group-wrapper .slick-dots {
	display: flex;
	    width: 100%!important;
    flex-wrap: wrap!important;
    transform: translate(0)!important;
}

 

PageFly - Advanced Shopify Page Builder.
- PageFly Page Builder: Website | Facebook | LinkedIn | Group | Youtube
- [Tutorial] Get more tips on using PageFly to soar sales this season
- [Master Guides]: Get Your Shopify Store Ready for Black Friday
0 Likes
Highlighted
New Member
2 0 0

This worked so great! Thank you so much, Victor! Much appreciated.

0 Likes