RandomGuy Posted August 23, 2020 Share Posted August 23, 2020 Yesterday when I was editing the product page (which is ludicrous in how limited it is btw). Today when I resumed editing a goddamned scroll bar was there all of a sudden, and I can't find a way to remove it. Image attached for clarity. Is this a bug or is it yet another way for SS to cajole me out of more money for the custom CSS feature? Link to comment
tuanphan Posted August 23, 2020 Share Posted August 23, 2020 Can you share link to product page? We can check 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
jdgcreates Posted September 3, 2020 Share Posted September 3, 2020 I also noticed this ugly little bar appear and it's only on Chrome for me. I contacted Squarespace but they didn't have fix, saying they couldn't replicate it on their end and it must be a browser problem, so I asked about custom code and was referred to the forum... Link to comment
tuanphan Posted September 7, 2020 Share Posted September 7, 2020 On 9/4/2020 at 5:44 AM, jdgcreates said: I also noticed this ugly little bar appear and it's only on Chrome for me. I contacted Squarespace but they didn't have fix, saying they couldn't replicate it on their end and it must be a browser problem, so I asked about custom code and was referred to the forum... Can you share link to product page? We can check custom code 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
Solletix Posted September 11, 2020 Share Posted September 11, 2020 did anyone have any luck on getting this bar removed? i noticed it happens regardless if the variant thumbnails are to the left or below the main product image Link to comment
tuanphan Posted September 12, 2020 Share Posted September 12, 2020 13 hours ago, Solletix said: did anyone have any luck on getting this bar removed? i noticed it happens regardless if the variant thumbnails are to the left or below the main product image If you share link to product page, we can give the solution 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
Solletix Posted September 14, 2020 Share Posted September 14, 2020 On 9/12/2020 at 3:49 AM, tuanphan said: If you share link to product page, we can give the solution thanks @tuanphan https://solletix.com/store/womens-raceback pw: Solletix2019! Link to comment
gandc Posted September 14, 2020 Share Posted September 14, 2020 Would love a fix for this is as well! Also how to make thumbnail images in product detail image gallery larger?? Link to comment
tuanphan Posted September 19, 2020 Share Posted September 19, 2020 On 9/14/2020 at 11:09 PM, Solletix said: thanks @tuanphan https://solletix.com/store/womens-raceback pw: Solletix2019! Add to Home > Design > Custom CSS .ProductItem-gallery-thumbnails { overflow: hidden; } On 9/15/2020 at 1:36 AM, gandc said: Would love a fix for this is as well! Also how to make thumbnail images in product detail image gallery larger?? Have you solved it yet? 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
Solletix Posted September 20, 2020 Share Posted September 20, 2020 (edited) On 9/19/2020 at 10:34 AM, tuanphan said: Add to Home > Design > Custom CSS .ProductItem-gallery-thumbnails { overflow: hidden; } Have you solved it yet? unfortunately that didn't remove the scroll bar. i'm open to just removing those variant thumbnails in general as long as it doesn't effect other functionality. I tried the below in Design > Custom CSS and it did not work. .ProductItem-gallery-thumbnails { display: none; } Edited September 21, 2020 by Solletix Link to comment
tuanphan Posted September 24, 2020 Share Posted September 24, 2020 On 9/21/2020 at 4:53 AM, Solletix said: unfortunately that didn't remove the scroll bar. i'm open to just removing those variant thumbnails in general as long as it doesn't effect other functionality. I tried the below in Design > Custom CSS and it did not work. .ProductItem-gallery-thumbnails { display: none; } I don't see scrollbar here. Do you stilll need help on this? 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
creedon Posted September 25, 2020 Share Posted September 25, 2020 (edited) I'm not seeing scroll bars in unexpected places. I'm on macOS using Chrome. Please post a image of the https://solletix.com/store/womens-raceback page with these scroll bars. Edited September 25, 2020 by creedon Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
Karimo Posted January 22, 2021 Share Posted January 22, 2021 Have the same issue Al-Hama — Agate&Quartz - of Morocco (agateandquartz.com) password for the site: 4310 would be happy if anyone got a solution for it 🙂 Link to comment
creedon Posted January 23, 2021 Share Posted January 23, 2021 12 hours ago, Karimo said: Have the same issue Al-Hama — Agate&Quartz - of Morocco (agateandquartz.com) password for the site: 4310 would be happy if anyone got a solution for it Add the following to Design > Custom CSS. .tweak-product-basic-item-gallery-design-slideshow.tweak-product-basic-item-thumbnail-placement-below .ProductItem-gallery-thumbnails { overflow-x: auto; } This is for a v7.1 site. Not sure why SS has that set to scroll instead of auto. Let us know how it goes. Karimo 1 Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
Karimo Posted January 23, 2021 Share Posted January 23, 2021 5 hours ago, creedon said: Add the following to Design > Custom CSS. .tweak-product-basic-item-gallery-design-slideshow.tweak-product-basic-item-thumbnail-placement-below .ProductItem-gallery-thumbnails { overflow-x: auto; } This is for a v7.1 site. Not sure why SS has that set to scroll instead of auto. Let us know how it goes. it worked perfectly, Thank you so much 🙏 creedon 1 Link to comment
downtowndarrylbrown Posted July 29, 2021 Share Posted July 29, 2021 On 1/23/2021 at 3:54 AM, Karimo said: it worked perfectly, Thank you so much 🙏 Been digging and this posted helped resolve my issue as well, but is there a way to center the gallery images instead of having them aligned on the left? Link to comment
creedon Posted July 30, 2021 Share Posted July 30, 2021 @downtowndarrylbrown Please post the URL for a product with a gallery on your site. If your site is not public please set up a site-wide password, if you've not already done so. Post the password here. Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works. We can then take a look at your issue. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
tapenade Posted September 6, 2021 Share Posted September 6, 2021 On 1/23/2021 at 12:54 PM, Karimo said: .tweak-product-basic-item-gallery-design-slideshow.tweak-product-basic-item-thumbnail-placement-below .ProductItem-gallery-thumbnails { overflow-x: auto; } Hi, for me it doesn't work for some reason : https://www.trustintribe.com/store/p/ambigram-ring-trustintribe Link to comment
tapenade Posted September 6, 2021 Share Posted September 6, 2021 I've tried to twist the problem by switching to carousel so far Link to comment
MrLEMARIE Posted February 14, 2023 Share Posted February 14, 2023 Hi unfortunately, I also have the same problem and the solution above does not work: https://spinach-iguana-3bsw.squarespace.com/ Link to comment
MrLEMARIE Posted February 14, 2023 Share Posted February 14, 2023 FYI, the only work around I found for now is to deactive all scroll bars using: ::-webkit-scrollbar { width: 0px; } it is not ideal since it deactivate all scroll-bars of the entire website but it looks better. Link to comment
tuanphan Posted February 15, 2023 Share Posted February 15, 2023 17 hours ago, MrLEMARIE said: FYI, the only work around I found for now is to deactive all scroll bars using: ::-webkit-scrollbar { width: 0px; } it is not ideal since it deactivate all scroll-bars of the entire website but it looks better. Can you remove the code? We can check it 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
MrLEMARIE Posted February 15, 2023 Share Posted February 15, 2023 12 hours ago, tuanphan said: Can you remove the code? We can check it easier Yes, sure. code removed Link to comment
STUDIOLAFA Posted January 17 Share Posted January 17 (edited) Idk if this was resolved but I ended up doing this for my product page and the scrollbar dissapears: Navigate in the website editor to Website>Website Tools>Custom CSS Insert the following code. /* This selects the scrollbar for all thumbnail galleries on the product page and hides them*/ .ProductItem-gallery-thumbnails::-webkit-scrollbar { display: none; } Save Hope this helps! Edited January 17 by STUDIOLAFA cami_leisk 1 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