Search the Community

Site URL: https://anchoriaswimwear.com/ Hello does anyone have a good tool to use for a single product page template to integrate on Sq.Space ecom site?

Site URL: https://www.beachlovejewelry.com/shop Hello, trying to add side padding to the products page of Hyde template. It seems Hyde doesn't allow side padding adjustments at all unless css? If you can tell by the image, products butt up all the way to the edges and I would like to add some space to those sides. please help!

Site URL: https://www.bake-oclock.com/baking-kits/p/chocolate-chip-cookies-yzfzs-tly5w-bdx53 Hi, I have entered a code injection that I found on the Forum to have my Products add-on and "add to cart" button on top before descriptions. However, I don't like the look that the button is sticking and laying extremely close to the quantity button Is there a way that can gives the button a little spaces so that it looks cleaner? Thanks

Is there a simple way to add a 'back to shop' button on product detail pages?

Site URL: https://www.rjiguanas.com/shop Hello. How can I add a content Block (text or image) to the main Products Page? I want to list my physical retail outlets below the products!

Site URL: https://www.facciolawinebar.com Hey there! I'm setting up an e-commerce and followed a tutorial from the forum to move the additional info to under the product description I found here on the forum (not sure which one at this point, sorry!) It worked really well on the desktop version of our website. But it kinda looks wonky on mobile and since I'm a newbie with coding I couldn't figure it out myself. Is there any way I can have the additional info in two columns like the desktop version? It looks really weird right now... Also, the description itself and the price are under the additional info on the mobile version... Site URL: https://www.facciolawinebar.com (password: test) Thanks in advance!

Site URL: https://www.endofanear.com/ Hello, How I can I implement a black 3px border when hovering over product images on the shop page? I just can't figure out the code on Squarespace. Also, how might I be able to add a small drop shadow to product images, as well? There's a whole bunch of different shop pages, but here's one: https://www.endofanear.com/jazz Thanks! 🗿

Site URL: https://paddlefish-roadrunner-gk5n.squarespace.com/config/design/product-items I am trying to add an accordion drop-down menu to my client's product pages to highlight "Materials" and "Care" for each item.

Site URL: https://www.unveild.online/shop Hi! I'd like to hide the product category menu from product pages. I've created separate pages for each category - to allow for banners and more adaptable page design etc. The category menu doesn't need to appear on individual product pages - just the 'back to shop' link. @tuanphan I created a similar question last week, which I deleted after deciding to create separate pages for categories, I think you responded just as I deleted it, so sorry if that was the case!! If you're able to help here would be very grateful.

Hey there, thanks for helping me out! I saw many people had this issue, but though reading the comments it did not become clear to me which solutions worked. -for me nothing worked- I am trying to achieve the following: - Creating accordions in the product description (similar to here: https://www.net-a-porter.com/en-us/shop/product/philosophy-di-lorenzo-serafini/double-breasted-houndstooth-cotton-blazer/1299457) --> they should come right after the product description, before size selection (it is important though that this also looks proper on mobile). - These accordions should have toggling +/- I was so far able to add the following code to the shop setting --> Advanced -->Page Header Code Injection and it worked where as I see the accordions unter the main product details (price size description etc.) but also the toggling does not work yet. --------------------------------------------------------- <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script> $(document).ready(function() { $('.markdown-block .sqs-block-content h3').addClass('ui-closed').css('cursor', 'pointer'); $('.markdown-block .sqs-block-content h3').nextUntil('h3').slideToggle(); $('.markdown-block .sqs-block-content h3').click(function() { if ($(this).nextUntil('h3').is(':hidden')) { $('.markdown-block .sqs-block-content h3').nextUntil('h3').slideUp(); $(".markdown-block .sqs-block-content h3").removeClass('ui-open'); $(".markdown-block .sqs-block-content h3").addClass('ui-closed'); $(this).nextUntil('h3').slideDown(); $(this).toggleClass('ui-closed ui-open');} else { $(this).nextUntil('h3').slideUp() $(this).toggleClass('ui-closed ui-open');} }); }); </script> ---------------------------------------------------------- I am not sure if I am entering the code in the right spot, or if this needs to go under Settings --> Advanced --> Code Injection Header/Footer. Also I am not sure how to add the CSS (for the order I assume?) to my existing CSS (which place / what code etc.). It would mean the world to me if we could find a solution for this! Thanks all for looking into it and helping a beginner like me 🙂

Site URL: https://bluebird-porcupine-yzdg.squarespace.com/store Hello, is it possible to change the overall size/layout of my store products on Mobile/Tablet only without cropping? Currently my products view is as attached in current view image, but I would like to change to either 'new view' or 'new view 2' as attached. Please help! Page = https://bluebird-porcupine-yzdg.squarespace.com/store Pword = bluebird Many thanks, Best, Faiz

Site URL: https://brass-raspberry-tyxt.squarespace.com/ Hi, 1. Does anyone know how to change the style of the SOLD tag on products please? At the moment mine has a grey box running along the button (attached image). I added the grey box and changed the text to white with code: .product-mark.sold-out { color: white; } .product-mark.sold-out{background-color:#d3d3d3!important;} But i'd like it to have the grey button at the top right of the image instead (like the attached). Can anyone help please?? 2. Does anyone also know how to change the colour of the Sale tag from yellow? Thanks! 🙂

I have my product page to be set up with the product filters to the left and SET to 4 product images on the width - every browser shows this no problem apart from EDGE - it displays it with 3 products - is there any way to change this out is it a brewers display issue? Appreciate the help 🙂

Site URL: https://www.parkday.us/shop/p/perfectparkday Hi, I'm wondering if anybody knows how to reduce the spacing between the product price and product details on the mobile product page? I'm using the code below to get the product details above the Add to Cart button: @media screen and (max-width:767px) { .ProductItem-details-excerpt { order: 1 !important; } } I want to make it look like "price excluding deposit" is right under "price including deposit". Thanks!

Site URL: https://chameleondesignandprint.squarespace.com/elite-uniform-products/full-zip-bespoke-elite-dance-jacket-with-zip-pockets Hello! We have an online shop for a few items but I need to display our bespoke products clearer... the only way to do this is to use the commerce feature. I need to hide the Price, Add to Cart and quantity from only this Commerce Page, not our online shop and I am finding it quite difficult! I have searched on this forum and on online but I can only see outdated coding. Is there anyone that could help me with this?

Im using the add to cart button as a way for people to save my blog posts, here is a blog post where i have set the button up https://www.idmdiscovery.com/labels/analogical-force password: idm i changed the add to cart text to save "favourite". when you click on the button it then says "added" but then it goes back to the original text with no indication to the user that its been clicked, i would like for it to stay saying "added" once someone clicks on it (adds to cart) or turn a different colour once its been clicked on, how would i go about doing this? thanks so much.

Site URL: https://www.angelinapilarinos.com/ Hi I'd like to know if there is a way to make one of my product pages have thumbnails that are 3:2 aspect ratio, and then have a different product page with thumbnails that are 2:3 or another aspect ratio. I am using a Bedford template and at the moment if I change the size of one product pages' thumbnails, all the product page thumbnails change. Not ideal when I have vertical and horizontal pictures. Thanks!

Site URL: http://www.shopofftrack.com Hi everyone! I'm having some issues with product images using a summary list block randomly zooming in every now and then. It goes away when you refresh the page, but it happens way too often. I've attached screenshots of an example of a product photo where it zooms in and how it's supposed to look. I tried look at the code but couldn't figure this one out. Any help is SUPER appreciated. Am using Squarespace 7.1 Thank you!

Site URL: https://bluebird-porcupine-yzdg.squarespace.com/store/p/hooded-logo-windbreaker Hello, is it possible to increase the height of my images on each Product page? Please see attached. When you click into each individual product, the top and bottom of each image is cropped cutting the view of the products. Please help! Page example - https://bluebird-porcupine-yzdg.squarespace.com/store/p/hooded-logo-windbreaker Pword - bluebird Many thanks, Best, Faiz

Site URL: https://rectangle-trombone-8rmd.squarespace.com/config/pages Is there custom code to link menu items to product pages?

Site URL: https://greyhound-alpaca-f863.squarespace.com/vintage-watches-store/p/zodiacaerospacejet Hiya Community & @creedon, I would like some help reordering my product page as well. I would like to move the “Inquiries” button (which is a contact form) to below the price For the “Inquiries” button to be larger in width For the “Inquiries” button, price & title to centre on mobile Reduce spacing between the information on mobile site: https://greyhound-alpaca-f863.squarespace.com/vintage-watches-store/p/zodiacaerospacejet password: alpaca

I would like to add a section of text describing and linking to shipping & return policies etc.. as well as a form block at the bottom of each product page. I know I can add this info individually on every product page using the "additional info" section in the edit product section BUT it's way to much work to individually add it in that way. Is it possible? (I'm working in 7.1.)

I am in the process of importing my products using the upload template CSV. Many of my products have multiple variants. According the the documentation, "you only need to enter the Products Page URL for the first variant." When I leave the "Product Page" column empty for variants, however, I receive an error for each after import reading: Product page not found Make sure the URL corresponds to an existing product page When I try filling in the "Product Page" column for each of the variants (I am using "shop"), the system interprets each row as its own unique product, and I have a bunch of unnamed products rather than variants. As far as I can tell after many reviews, there are no other errors within my CSV.

Hi there, I would like to add a background image to the top banner on my products page on SQSP 7.1 site. I can't find an obvious way to do this as the media tab that is in 7.0 is missing. Is there a way to do this with custom code or any other means that I'm missing? Here is a screen shot to show what I mean. Many thanks Phil

Site URL: https://koala-recorder-yw4z.squarespace.com/config/pages SS 7.1 How can I reduce the space between the header and the product image + title. I've hidden the breadcrumb trail so that might be adding to it. Is there some coding I need? Many thanks