WoodboxWorkshop Posted July 21, 2020 Share Posted July 21, 2020 (edited) Site URL: http://www.woodboxworkshop.com I just launched my site and the biggest negative feedback is, on the mobile version of the site, product pages seem to only have one image. The products gallery pages do actually have multiple images, but the only indicator is in the top right of the image and no matter what colour I use it is not clear that there is multiple images. see attached. Is there a line of code to add navigation bullets (dots?) underneath the product gallery photo? (see attached) Thanks in advance! Edited July 21, 2020 by WoodboxWorkshop Link to comment
tuanphan Posted July 22, 2020 Share Posted July 22, 2020 Add to Home > Design > Custom CSS /* Product slide arrows control */ @media screen and (max-width:767px) { .ProductItem-gallery-carousel-controls { display: flex !important; } /* arrows background */ .ProductItem-gallery-carousel-controls * { background: white; } .ProductItem-gallery-carousel-controls>div { justify-content: center !important; } } brunodiazcast, MartinMurray, June312 and 1 other 1 3 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
WoodboxWorkshop Posted July 22, 2020 Author Share Posted July 22, 2020 @tuanphan Thank you so much! worked perfectly! This is great!! Link to comment
janedottievintage Posted February 23, 2021 Share Posted February 23, 2021 I also need help with this, the code is not working for my site. Please help site is janedottie.com Link to comment
tuanphan Posted February 28, 2021 Share Posted February 28, 2021 On 2/24/2021 at 2:08 AM, janedottievintage said: I also need help with this, the code is not working for my site. Please help site is janedottie.com Can you share link to a product? We can help easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
janedottievintage Posted March 3, 2021 Share Posted March 3, 2021 On 2/28/2021 at 10:21 AM, tuanphan said: Can you share link to a product? We can help easier https://www.janedottie.com/scrunchies2/p/social-butterfly-embroidered-scrunchie Link to comment
tuanphan Posted March 7, 2021 Share Posted March 7, 2021 On 3/4/2021 at 1:06 AM, janedottievintage said: https://www.janedottie.com/scrunchies2/p/social-butterfly-embroidered-scrunchie Add this to Design > Custom CSS /* Product slide arrows control */ @media screen and (max-width:767px) { .ProductItem-gallery-carousel-controls { display: flex !important; } /* arrows background */ .ProductItem-gallery-carousel-controls * { background: white; } .ProductItem-gallery-carousel-controls>div { justify-content: center !important; } .ProductItem .product-item-gallery-carousel-control::after, .ProductItem .product-item-gallery-carousel-control::after { border-color: black !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
laurenkilbane03 Posted June 25, 2022 Share Posted June 25, 2022 Hey @tuanphan I'm looking to do the same, but not for a product gallery page. I have a testimonial slider on my homepage (built from blog posts + a summary block). For now, I have arrows underneath, but I would like to have bullet points instead. I tried the code above, but no luck. Any advice? I'm working in 7.0. Website is: https://bruisedgoods.com PW: bruisernation (website is locked) Link to comment
MartinMurray Posted January 16, 2023 Share Posted January 16, 2023 On 6/25/2022 at 8:16 PM, laurenkilbane03 said: Hey @tuanphan I'm looking to do the same, but not for a product gallery page. I have a testimonial slider on my homepage (built from blog posts + a summary block). For now, I have arrows underneath, but I would like to have bullet points instead. I tried the code above, but no luck. Any advice? I'm working in 7.0. Website is: https://bruisedgoods.com PW: bruisernation (website is locked) The only way to have Nav dots is to buy a plug-in. https://www.sqspthemes.com/plugins/gallery-dot-nav (on 7.0) Your Martin Link to comment
mggandes Posted July 10 Share Posted July 10 Hi @tuanphan I want to do the same, but for our testimonial section in my Squarespace 7.1 Instead of arrows we want it to be dots just like images from others. Thanks in advance. Link to comment
aguandescain86 Posted July 12 Share Posted July 12 Adding comment as I'm trying to accomplish the same thing on the testimonials module. Thank you! Link to comment
tuanphan Posted July 15 Share Posted July 15 On 7/10/2024 at 8:50 PM, mggandes said: Hi @tuanphan I want to do the same, but for our testimonial section in my Squarespace 7.1 Instead of arrows we want it to be dots just like images from others. Thanks in advance. Can you share link to page where you added testimonials? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
mggandes Posted July 15 Share Posted July 15 40 minutes ago, tuanphan said: Can you share link to page where you added testimonials? https://www.memorystrategy.com/ thanks Link to comment
mggandes Posted July 15 Share Posted July 15 43 minutes ago, tuanphan said: Can you share link to page where you added testimonials? https://www.memorystrategy.com/ thanks Link to comment
tuanphan Posted July 17 Share Posted July 17 On 7/15/2024 at 5:01 PM, mggandes said: https://www.memorystrategy.com/ thanks I see you used custom style or you still need help? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
mggandes Posted July 17 Share Posted July 17 (edited) @tuanphan yes, I still need help. Is there any free plug-in to represent arrows into dots? I mean switching arrows into dots representing each image Edited July 17 by mggandes Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment