Search the Community

Site URL: http://www.andrewsullivanmusic.com/tenyears Hello, On my page, http://www.andrewsullivanmusic.com/tenyears, I am wanting users to be redirected to another site (http://www.andrewsullivanmusic.com/one-time-offer-for-ten-years) after they add my $15 CD to the cart. The user clicks "add to cart," it says, "added!" and then the browser redirects to the next page. I found a plugin that supposedly makes this happen but it doesn't seem to work. I don't want this redirect on ALL products on my site. Only on this one particular item. Thanks for your help! Andrew

Hello! I am using html and custom css to create a product grid layout, mostly taken from here (demo #2). Each product includes an add to cart button, but I can't figure how to trigger the action to actually add the item to the cart. My code currently just redirects the user to the cart without adding the item. I've pasted the HTML and CSS code below. The red text portion seems to be where I need to make edits, but I haven't been able to get it to work. (The alphanumeric ID is the Product ID generated by Squarespace.) I've also tried to include "&quantity=1" to the href, but same result. Any thoughts would be tremendously appreciated. Cheers! --- HTML <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" /> <div class="container"> <div class="row"> <div class="col-md-3 col-sm-6"> <div class="product-grid2"> <div class="product-image2"> <a href="neuroscience/adrecor-with-same-neuroscience"> <img class="pic-1" src="https://static1.squarespace.com/static/5f13531f921aa12e07284a88/5f14b6502a4010553e97e5f4/5f14d99e2a4010553e9c86a6/1595202048889/AdreCor+with+SAMe+-+1+-+thumbsize.png"> <img class="pic-2" src="https://static1.squarespace.com/static/5f13531f921aa12e07284a88/5f14b6502a4010553e97e5f4/5f14d9ae40592a3871b2d00b/1595202048189/AdreCor+with+SAMe+-+2+-+thumbsize.png"> </a> <a class="add-to-cart" href="cart/add?id=5f14bb65534d5b34f27ddb2d">Add to cart</a> </div> <div class="product-content"> <h3 class="title"><a href="neuroscience/adrecor-with-same-neuroscience">AdreCor with SAMe (NeuroScience)</a></h3> <span class="price">$67.00</span> </div> </div> </div> </div> </div> <hr> CSS .demo{padding:45px 0} .product-grid2{font-family:'Open Sans',sans-serif;position:relative} .product-grid2 .product-image2{overflow:hidden;position:relative} .product-grid2 .product-image2 a{display:block} .product-grid2 .product-image2 img{width:100%;height:auto;transform:scale(1.5)} .product-image2 .pic-1{opacity:1;transition:all .5s} .product-grid2:hover .product-image2 .pic-1{opacity:0} .product-image2 .pic-2{width:100%;height:100%;opacity:0;position:absolute;top:0;left:0;transition:all .5s} .product-grid2:hover .product-image2 .pic-2{opacity:1} .product-grid2 .social{padding:0;margin:0;position:absolute;bottom:50px;right:25px;z-index:1} .product-grid2 .social li{margin:0 0 10px;display:block;transform:translateX(100px);transition:all .5s} .product-grid2:hover .social li{transform:translateX(0)} .product-grid2:hover .social li:nth-child(2){transition-delay:.15s} .product-grid2:hover .social li:nth-child(3){transition-delay:.25s} .product-grid2 .social li a{color:#505050;background-color:#fff;font-size:17px;line-height:45px;text-align:center;height:45px;width:45px;border-radius:50%;display:block;transition:all .3s ease 0s} .product-grid2 .social li a:hover{color:#fff;background-color:#3498db;box-shadow:0 0 10px rgba(0,0,0,.5)} .product-grid2 .social li a:after,.product-grid2 .social li a:before{content:attr(data-tip);color:#fff;background-color:#000;font-size:12px;line-height:22px;border-radius:3px;padding:0 5px;white-space:nowrap;opacity:0;transform:translateX(-50%);position:absolute;left:50%;top:-30px} .product-grid2 .social li a:after{content:'';height:15px;width:15px;border-radius:0;transform:translateX(-50%) rotate(45deg);top:-22px;z-index:-1} .product-grid2 .social li a:hover:after,.product-grid2 .social li a:hover:before{opacity:1} .product-grid2 .add-to-cart{color:#fff;background-color:#404040;font-size:15px;text-align:center;width:100%;padding:10px 0;display:block;position:absolute;left:0;bottom:-100%;transition:all .3s} .product-grid2 .add-to-cart:hover{background-color:#3498db;text-decoration:none} .product-grid2:hover .add-to-cart{bottom:0} .product-grid2 .product-new-label{background-color:#3498db;color:#fff;font-size:17px;padding:5px 10px;position:absolute;right:0;top:0;transition:all .3s} .product-grid2:hover .product-new-label{opacity:0} .product-grid2 .product-content{padding:20px 10px;text-align:center} .product-grid2 .title{font-size:17px;margin:0 0 7px} .product-grid2 .title a{color:#303030} .product-grid2 .title a:hover{color:#3498db} .product-grid2 .price{color:#303030;font-size:15px} @media screen and (max-width:990px){.product-grid2{margin-bottom:30px} }

Site URL: https://nikswami.com/test Hi! I recently signed up for Squarespace 7.1 - but I've noticed that when a product block is added to my site, the add to cart / purchase button goes too far to the right on a mobile screen (it actually cuts off). Is there a CSS code or something that can fix this? I contacted Squarespace, and they confirmed the issue is in the template itself, but said they'll look into fixing it in a future release (no timeframe can be given). If anyone can help, I'd really appreciate it - it seems bizarre that they can't fix a simple button position until a future release?! ***UPDATE*** I've found some code that moves the button to the middle...but the text doesn't move with it lol any ideas? Here's the code I used for the button: .product-block { overflow: hidden; } Thanks Nik

Site URL: https://sparkotechengineering.squarespace.com Password: customer 123 Good day, so I have my code which the function is to hide the price, quantity, Add to cart button and add a button to redirect it to Contact Us page. My concern is my code doesnt apply in my quick view page it only applies in the product page of the product item. ***Note: My main goal is to change the redirection of the "Add to cart button" into another page (Contact Us) but due to my beginner skills thats the only code that i produced. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script> $(function() { $("<a class='ordernow' href='/contact'>Request Now</a>").insertAfter(".sqs-add-to-cart-button-wrapper"); }); </script> <style> .product-quantity-input { display:none !important; } </style> <style> .ProductItem-details .sqs-add-to-cart-button-wrapper .sqs-add-to-cart-button { display:none !important; } </style> <style> .ProductItem .ProductItem-details .product-price { display:none !important; } </style> reference pictures: PIC 1 = product page PIC 2 = quick view

Site URL: https://amandacmathis.squarespace.com/ My Add to Cart button is misaligned on some devices and not others. I can't figure out the settings to adjust this. Anyone know why this is happening or how I can adjust it? Thanks! Amanda

Site URL: http://www.thehappyplaceschool.com/ I want to change the word quantity for one of my products to the word month- is that possible with custom css?

Site URL: https://www.owltearooms.co.uk/online-shop Hello, I'd like to justify and align the 'Add to Cart' buttons so they are the same horizontal rule, this is because some of the titles of the products are longer which pushes the button down, please see the attached image. I'd like to know if there's some code which I can use to align the add to cart buttons? Thanks.

Site URL: https://oliverjwoods.com/shop/blackseed-wax I would like to move the 'add to cart' button above the product info so the flow is 1. Product name 2. Quantity 3. Add to cart. 4 Product info 5. Additional info. Is this possible?

Site URL: https://eat17delivery.co.uk/offers-deals Hi all, I have set a code in my Design-CSS to fix the button size on my homepage. However, this is now effecting my product 'Add to Cart' buttons. Is there a code to specify the size, change the text and font of this button (Add to Cart). Thanks.

Hi! In order to have add to cart buttons on my product page, I have added multiple products individually using Product Block. When I view the site on mobile, it automatically changes to 1 per row. How can I force it to 2 product blocks per row? Thanks in advance, Doug

Site URL: https://www.asiawest.net/ Hi! I have some products listed on my site that are not available for online purchase, and I would like to get rid of the Add to Cart button on these product's pages. Somebody suggested this code: .sqs-add-to-cart-button { display: none !important;} However, this removes the Add to Cart button on every product page, and I only want it to remove the button on certain products (say, products that are tagged "in-store" or that have 0 inventory). Is this possible? Thank you!

Site URL: https://www.islandsbmx.com Hello guys We´re working on a new website using the Marta Template. We are having some issues with the Add to Cart button. We´re trying to change the text "Add to Cart" for "Contact" and redirect it to www.islandsbmx.com/contact once you click it. We managed to change some parts of the text modifying the ".sqs-add-to-cart-button-wrapper" line. Notice the new website isn´t published yet. Thanks in advance, Islands.

Hi there, I'm creating an online store in Squarespace 7.1. On my Store page (I'm using the Store 1 format), I want each product to have an 'Add to Cart' button under the price but I cannot see a formatting option for this. Am I missing something? Is this a style format or is custom CSS required? The site isn't live so I can't share a link but I've attached a screenshot. Any help is very much appreciated. Thanks 🙂

I'm looking for some way to have a list of products from my store that someone puts in their cart to be send into an email. So instead of checking out and paying, I want to have the 'cart' of items picked to become a list of items they are looking to be quoted on. This is for rentals from my company and I don't want to advertise how much each rental is directly from my website so because of this I can't have a direct checkout area. Thinking that if I could redirect the add to cart button on each product page so that it goes into some type of list in a contact form or something so that then it can be send over email to me so I can see what rentals someone is interested in and then send a proper quote.

Site URL: https://www.dumove.co.uk/pack-n-store 1) Does anybody know how to stop the add to cart buttons from overlapping when individual products are placed next to each other for individual products please? 2) Does anyone know how to reduce the padding on the left and the right for these add to cart buttons as well please? I currently have this CSS input: .sqs-add-to-cart-button-inner { font-size: 0.5em !important; } .sqs-add-to-cart-button { padding-top: 3px !important; padding-bottom: 3px !important; padding-left: 0px !important; padding-right: 0px !important; font-size: 30px !important; } I duplicated the live site to try change it: https://circle-kazoo-mabm.squarespace.com/pack-n-store Password: 12345 Original site: https://www.dumove.co.uk/pack-n-store -I have had to arrange them very far apart to stop the problem for now Any help would be massively appreciated!

Site URL: https://smilodon-ocelot-my5f.squarespace.com/store/lostamerica/wallframe Hi Anyone know how to reduce the size of "ADD TO CART" in both DESK and MOBILE view? Pass: trythis

Site URL: https://www.asiawest.net/ I have set up an e-commerce site, which is not yet set up for checkout, because we are still editing some products. We are realizing now that we do not want every product listed to be available for online purchase. For example, some of our products are large pieces of furniture, and we would want a customer to call or email us to inquire about those products, rather than buying online. However, I want those products to still show up in the shop, but with a button that would lead them to call or email us for more information, rather than having them add that item to their cart. I know I could do this by creating a gallery page that could just show all of the products not available for online purchase, but I still want these products to be set up just like my product pages. Is this possible? Is there a way to disable the Add to Cart button only on certain products? Thank you for any help or suggestions!

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?

Site URL: http://www.creativeinteriorimagery.com How can you hide the "Price" and "Add to Cart" on individual products? I have products that I would like to sell and some are just samples.

Site URL: https://www.jonasstensgaard.com/free-craft-files-svgs-and-more/free-easter-egg-heart-cut-files I'm on the York template. Question 1: On this product page https://www.jonasstensgaard.com/free-craft-files-svgs-and-more/free-easter-egg-heart-cut-files I'd ideally want to REPLACE the "Add to Cart" button with just a normal button for downloads but I can't find any code for that. Does it exist? Or would I need to buy a plugin? As a workaround, I figured I'd just REMOVE the "Add to Cart" button entirely and add the download button in the Additional Info section but the code I found in another thread didn't do the trick. Let me explain. Here's the code: <style> .sqs-add-to-cart-button-wrapper { display: none !important; } </style> I placed it in the Page Header Code Injection of the specific shop page where it's only freebies (https://www.jonasstensgaard.com/free-craft-files-svgs-and-more) and it worked - but only once I added the "!important" part. But the code also removed the "Add to Cart" button on all my other shop pages where I actually sell products and don't want to remove the button. So my question is: How do I remove the "Add to Cart" button on ONE specific shop front page without affecting other shop front pages? EDIT: So I managed to remove the "Add to Cart" button on my freebie shop front page without it affecting other shops by adding a tag, in this case "freebie" to the free product. So it looks like this ".tag-freebie". Full code: <style> .tag-freebie .sqs-add-to-cart-button-wrapper { display: none !important; } </style> But I'd still be interested to know if there's a (free) way of replacing the "Add to Cart" button with just a simple download button instead of having to place it in the Additional Info section. But if there isn't a way, this works too. Question 2: Using this code from Ghostplugins (https://www.ghostplugins.com/steps/kqw603hn) I changed the price ONLY ON THE INDIVIDUAL item pages! But on the freebie front page (https://www.jonasstensgaard.com/free-craft-files-svgs-and-more), how do change it to say FREE instead of "$0.00". And if that's not possible, is there a way to remove the "$0.00" entirely?

Site URL: https://spiritualitynetwork.org/silewn-directed-retreat We use PayPal to take payments for events on our site. I am wondering why a visitor can NOT check out as a Guest with PayPal when you're using an 'Add to Cart' button but you can when you are selling a single item e.g. one choice/one price to an event.