Search the Community

Site URL: http://www.fernandacortina.com Hello, I am trying to reduce the side padding for my products page only with some CSS.

Site URL: https://vintanthromodern.com Hello! I recently installed the Universal Filter onto my site to sort items by price/size/material/color/era. The code is installed on all of my shop pages. I first noticed an issue with the site loading last week, but it is still happening. When I load a shop page, the original product categories show and I have to manually refresh the page for the Filter to appear -- it does a weird thing where my products all overlap then look normal... Any idea what's happening?

Site URL: https://www.pappishop.com/ Hello! Is there a custom CSS to add another button on the full details product page? On top of our purchase button, we want to add another button on the page but there is no settings to do so. Is there a way to add another button? Hope this makes sense. Thanks!

I sell services to schools in the UK and its extremely rare that a school will pay for a service with a credit card or PayPal. I like the products page and Squarespace but the inability to automate bookings is holding my business back. Most UK schools request an invoice before making a BACS payment. How can I take orders/bookings for my services without charging or by bypassing checkout? I have seen the work around for charging services for free but this will cause confusion and I certainly don't want schools receiving invoices suggesting they don't have to pay. Any solutions? Anything being worked on? I'd love to be able to process payments like a shop but that's just not the way the education sector does things and that won't be changing anytime soon. Any help regarding this is greatly appreciated. Thanks in advance. Antony

Site URL: http://www.manifestphoto.com By default product pages have a "back to shop" link on them, but instead of going back to the sales page I have built (where I have products listed using summary blocks), it goes back to the source product list that I am drawing products from. I was able to hid the "back to shop link" using the following CSS: .show-product-item-nav #productWrapper #productNav { display: none; } However I am wondering if there is a way to change the target instead of hiding it so that it will take people back to the page they came from? This would be much better! I would be find with either being able to specify the exact URL, or with simply making it behave like the browser's "back" button, since either one will put them back on the sales page. My store page is: https://manifestphoto.com/pandemic-art-sale I'm on the Bedford template. I am hoping @tuanphan or another expert can help me. Thank you so much!!

Site URL: https://crystal-voyager.com/crystal-voyager-store Hello, Because of the product amount limitation of 200 items per page, I have had to split my store into two different pages under a folder labeled Shop. I wanted to add a button or link to the bottom of the page that says go to page 2 (and the reverse go back to page 1) at the bottom (after the last product before the footer). I cannot figure out the best way to do this since store pages only allow you to add products, not additional links or buttons. I know this needs to be done with code injector but I cannot figure out how to place this option in the right location. It always just goes to the top of the page. I would really appreciate it if someone could help me with this. It seems like it should be so easy!

Hi how do I stop the product image from changing as you scroll on mobile I need it to stay as the beginning photo as it completely gets in the way. see video below. would be better if I could add arrows for manually. PLEASE HELP AS THIS IS DRIVING ME INSANE 😆 ( it’s probably something really simple ) IMG_5565.MOV

@media only screen and (max-width: 767px) { .products.collection-content-wrapper .list-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); grid-column-gap: 2vw; grid-row-gap: 4vw; padding: 0; } } On mobile view, the product grid will now show 2 columns instead of 1. You can change this to show more on mobile by changing "repeat(4,minmax(0,1fr))". If you turn your phone sideways and want 4 columns, you can adjust the max width for when the phone is sideways and create another css for when the phone is vertical.

Site URL: https://fairwaymotortraders.com.au/buy/p/2000-mercedes-benz-clk430 I'm trying to move the additional product information section ("TEST TEXT" for now) to the right of the images, under the product summary ideally, or the enquire button. I have seen various forum posts relating to similar queries with bits of code for "Page Header Code Injection" although none of them have any effect. Id there something I'm missing here or is this a theme related issue? Any help would be greatly appreciated! 🥵

Hi Tuan! My page is https://www.nuligoods.com/shop/p/grey-blazer I'm trying to move the accordion into the "product description" space. Is this possible? Currently I used the built-in accordion function in the "additional info" section. If you have any suggestions on getting an accordion function (markdown? custom CSS code?) to this position I would be so grateful. I'd want to be able to replicate it for each product I'll add Thank you!!

I wanted to know if there was a way to limit the number of checkboxes a person can select. So, after a person clicks the add to cart, they are greeted with a form that has multiple checkboxes I wanted to know if there was a way to limit it.

Site URL: https://www.everallurejewelry.com/ Please see attached image I need to add a button under Ring Size . This button will be "How to measure your ring size accurately": This button can then link you to a information page. I need to add custom code to achieve this. I've already spoken with a Squarespace consultant. The Squarespace template only allows a button to be added in the header or footer (additional information section). I was advised to come to this forum and ask a web-designer for help? Can anyone assist??

Hello, I have created on my website a "shop all" page and realized that there was a limit of 200 products pages so I cant add more products right now. My idea as a workaround is to create a "shop all 1" and "shop all 2" page and I am not finding a way to link the 2 pages together so that a customer can navigate from one to the other. I wanted to use matchesfashion.com or google approach of page numbers at the bottom of each page to navigate from page 1 to page 2 but I am being told by squarespace that is not possible. I am sure many of you had the same issue, I would love a recommendation on how to get around it and allow cutomer to see more than 200 products when they want to have an overview of products. See examples: full shopall: https://www.yellowkorner.com/en/photographs/ navigation between pages: https://www.matchesfashion.com/us/womens/just-in/just-in-this-month Thanks!

Hi all, I am setting up a webstore. Most of the products are physical and easy to implement with SS. But one custom product is a headache. Is this following thing in any way possible with SS? I dont mind using 3rd party solutions and API:s, as long as it works. -Another site has a link to my site, with the "product" (.stl) appended to the .url -The .stl file fetched(correct term?) from the other .url is both used in my site to show how the product will look like (I already have an API) and in some way sent to me during the purchase, so that I know which "file" they have purchased. -I think saving the data file to SS directly is impossible, so if I want to save the file, a 3rd party solution may have to be used here. Another option might be to just fetch the data always from the other site, and just send me the .url of the purchased product during the checkout. I have done lots of programming, but am a complete noob in website design. So for me this is both a general problem in html/js programming and how to implement it into SS -site. Any help is appreciated, I would be glad to just be pointed to a proper direction. Even if its away from SS.

Hi! I wanted to ask if anyone knows how to remove the padding on the product details page with a sold out item. Somehow the "sold out" sign is not at the same place as the price that was listed before and that's what I want to achieve. I attached this code to remove the price on the page: .sold-out .sqs-money-native { display:none } .sold-out .product-details .product-mark.sold-out { font-size: 16px; font-family: "Helvetica Neue", serif; letter-spacing: -0.01em; font-weight: 900; } Here are pictures for reference and thanks in advance!

Site URL: https://www.kovikai.com/shop Hi. I am wondering how to stylize the box around the quantity on my page. I looked in the "styles" and can't find it. I'd like to make it pill shaped and a different color. It's currently a harsh black outline. Thanks in advance!

Site URL: https://strawberry-chartreuse-jp2e.squarespace.com/arttime I need to make my products show as two or four per row. Right now it is set to three and it looks terrible and uneven. Can someone help with the code for that? Thanks in advance!!!

Site URL: https://lily-yellow-zwzc.squarespace.com/ 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.) The pw to my site is bathtub Thank you, Virginia

Hi, I am looking for a way to have certain options to be a checkbox instead of a normal box. For example, if I a 6 pack and a 12 pack and a person selected a 6 pack all 20 options would show but they would only be able to choose 6 and if they select 12 they will only be able to select 12. Is there anyway this can be done within Square Space I figure this requires code in order to solve.

I have set up a Custom Form for a product in Inventory in Commerce. I want to duplicate that form for another product and change one field that is specific to the new product and then rename the new form . Is this possible and if so, how?

Site URL: https://www.holmcollection.com Hi, please help me. My product page header color doesn't fit well with the white background but I want to keep the color for the other pages. How can I change just the product page header color?

Hey guys! Wondering if there's a way to add small icon in the item description block ? or the only way is in " additional info " under the thumbnail and description ? Cheers! **** Doesn’t need to be clickable or any interaction. just an icon

Hi everyone, I'm looking for some help with product details pages, I have a few issues but this is the main one (photo below): 1. I need to reducing the space between the product title and top of the image on product details page, for desktop sites, it's fine on mobile. I'm using Squarespace 7.1 with template name: Stanton. Product details pages use the “simple” image layout (because that’s the only one that intuitively seems to navigate additional product images and display thumbnails but I'm open to suggestions that don't include code if they exist). I do have some basic code changes on my site already but can't remember where I go to put it in to apply sitewide so if you could remind me of that, this would be amazing thank you! 2. I'd also like to change my complex variants to add up as you select options, i've seen the paid extension for that which I'll buy this weekend if nobody thinks that's a bad idea, but i'd like to code my desktop site to show the price near the add to cart button (not as annoying on mobile as the options are close together, but soooo frustrating for listings that need a lot of text on product details pages). If anyone knows code for that it'd be great too! 3. (rant warning) I'm so frustrated by the lack of ability to change things like spacing and font use sitewide OR area-only (like details pages only) with ease on Squarespace lately, my fonts are also doing weird things (changing the size of paragraph style 2 does absolutely nothing and I'm in the process of combing through formatting issues that pasted in when I copied details between listings without pasting as plain text - sigh). When I change formatting on product details page to look good, it changes somewhere else and that looks terrible etc. Thanks for the vent haha.

Site URL: https://www.halebyhenderson.com/gallery/p/kapulua-entry-table Hello I'm trying to find a way to display the product dimensions on product pages. Ideally below the choice of Material. As you'll see they are a decor company and this information is key to potential clients in setting up their spaces. I assume it could be accomplished by pulling information from the JSON data, however I'm pretty new to JSON and wouldn't know exactly how to pull it to print, plus does the Squarespace 'Code Block' support JSON and what I'm looking to accomplish? Thank you for your time.

Site URL: http://www.thehelmsf.com/shop Hello! I'm having an issue where my product description is black like my background. And the site style says my exerpt font is white...however it's still black. Can someone help please? You'll have to click on one of the hats to see it 🙂 Password: Halloween