Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'add-to-cart'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers ๐Ÿ‡ซ๐Ÿ‡ท's Topics
  • France Designers ๐Ÿ‡ซ๐Ÿ‡ท's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. We have a set of items that need to have product forms which then redirect to an upsell page. I've used the upsell redirect that's popular on ghost, but unfortunately this triggers when the add to cart button is pressed on the product and then skips the product form as it loads. Is there a way to add a redirect to the add-to-cart button on the product form so when the customer has completed it and pressed it, it then redirects?
  2. Site URL: https://cossetceramics.com Hello, Thanks to everyone for helping each other. This forum is a golden place for answers. At the moment I am changing the structure of my website and have come to an issue. Some of my items are available for online purchase, while some others sell exclusively at online retailers. I'd like to provide an external link for the purchase. I figured I could remove the add to cart button indicating that I have 0 in stock, but then the 'SOLD OUT' text shows up. Is there a code I could use to hide it? What I would like to create is a product page showcasing everything available (incl external sales). Once clicked on the product I have the item page without 'add to cart' or 'sold out' text and the external link provided through a description text. I would greatly appreciate it if someone can help me with this. Warm regards, Tatsiana
  3. Site URL: http://www.robindanielle.com Hello, I have version 7.0 and would like clients to checkout via my calendly link for coaching. How do I either add my link in the add to cart to redirect to my calendly site for checkout or remove it? My site is www.robindanielle.com Thank you
  4. Site URL: https://www.wordsbyhermes.com Hi there, I'm a freelancer and don't want my clients to have to go through a shop + product page + checkout to make a payment. Is there a way I can create an express checkout button for a product that I can put anywhere I want? Exactly like the button on a product page, but well... NOT on a product page. e.g. I want to have a 'book 30 mins' button on my homepage that takes them straight to the checkout for a 30-min consult product. They complete the checkout, I get paid and then it takes them into my calendar booking system. Note: i don't use the acuity scheduling module of Squarespace. Please and thank you! Edward
  5. 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?
  6. Site URL: https://www.thejourneytoyouchildrensbook.com/shop/p/thejourneytoyouaneggdonationstory Hi, I am trying to move the Add to Cart Button so that it is either above the product description or next to it? I am very new to CSS so an idiots guide is essential! Thank you :-)
  7. Site URL: https://cacao-death-by-xoko.squarespace.com/ password: xoko I've recreated the 7.0 Cacao template in 7.1. I want the cart icon in the center, as per the 7.0 demo, but I can't make it happen in 7.1. Can anyone work out the code? Thanks! Screenshots of Cacao demo 7.0 and my recreation in 7.1 attached.
  8. Site URL: https://www.ciao-italia.ch/ Hello, In the product detail page I would like to move the put the Quantity and Add to cart button above the Price, I also would like to move the smaller product description (in the yellow box) above that, so above the Quantity and Add to Cart, also the spaces between the lines I wold like to reduce in that. Then I would like to line up everything with the top of the picture (so The Title should line up with that. I used already a CSS code but I can't figure out how I can move these as I want. Attached a picture of how I want it (maybe not too clear ๐Ÿ™‚ ) the CSS codes I already used I will paste below this message Can someone help me? Website: www.cia-italia.ch The password for the site is: cully CSS Code Used already (I pasted all the codes I used in the site): /* Style examples for Product Titles */ /* Product Title: smaller second line on product detail page */ .ProductItem .ProductItem-details h1.ProductItem-details-title, .products.collection-content-wrapper .grid-main-meta .grid-title { font-size: 19px; line-height: 1em; } /* Product Title: larger first line on product detail page */ .ProductItem .ProductItem-details h2.ProductItem-details-title:first-line, .products.collection-content-wrapper .grid-main-meta .grid-title:first-line { font-size: calc(0.50vw + 1rem); font-weight: bold } nav.ProductItem-nav * { font-size: 25px; } @media screen and (min-width: 768px) { .tweak-product-basic-item-thumbnail-placement-below .ProductItem-gallery-thumbnails { display: flex!important; margin-top: 10px; } } #myBtn { width: 50px; height: 50px; display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; border: none; outline: none; font-size: 25px !important; color: white; cursor: pointer; padding: 10px 10px 10px 11px; border-radius: 50%; box-shadow: 1px 1px 5px #000; /* Change the hex code in the next line to change background color */ background-color: #a4a4a4; } #myBtn:hover { background-color: #aeaeae; } .sqs-add-to-cart-button { width: 50% !important; } /* Variant */ .variant-select-wrapper { padding-top: 10px !important; padding-bottom: 10px !important; } /* Quantity */ .product-quantity-input input { padding-top: 10px !important; padding-bottom: 10px !important; } .header#header {position: fixed!important;} .header-nav-folder-content { background: transparent!important; } /* Change dropdown menu background */ .header-nav-folder-content { background: #dad9d9 !important; } .sqs-block-image .design-layout-poster .image-title-wrapper { padding-bottom: 15px; } .sqs-money-native:before { content:' '!important; } .ProductItem-details .sqs-add-to-cart-button-wrapper .sqs-add-to-cart-button { padding-top: 0.1em; padding-bottom: 0.1em; } @media screen and (max-width:767px) { .sqs-add-to-cart-button-wrapper { flex-basis:60%; margin-left: 5vw; } } /* Product Block Prices */ @media screen and (max-width:767px) { .product-block .productDetails .product-price { font-size: 30em; } } .ProductItem-product-price, .ProductItem-details-excerpt { flex-basis:100%; } .sqs-add-to-cart-button-wrapper { margin-bottom: -1 !important; position: relative; bottom: 111px; left: 150px } .ProductItem-details .sqs-add-to-cart-button-wrapper .sqs-add-to-cart-button { padding-top: 1.5em; padding-bottom: 1.5em; padding-left: 1em; padding-right: 1em } @media only screen and ( pointer: coarse ) and ( max-width: 1024px ), screen and ( max-width: 799px ) { .ProductItem-details .ProductItem-details-checkout { display: -webkit-box; display: -ms-flexbox; display: flex; } } .products.collection-content-wrapper { padding-top: 0; } section.ProductItem-details .ProductItem-details-checkout { display: flex; flex-flow: column; } .ProductItem-details .ProductItem-details-excerpt { order: 1 !important; } .ProductItem-details .product-variants { order: 1 !important; } .ProductItem .ProductItem-details .product-quantity-input { order: 2 !important; } .ProductItem-details .ProductItem-product-price { order: !important; } .ProductItem-details .sqs-add-to-cart-button-wrapper { order: !important; } .ProductItem-details .sqs-add-to-cart-button-wrapper { order: !important; } .ProductItem .ProductItem-additional { order: !important; } .ProductItem-details .ProductItem-details-excerpt { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .ProductItem-details .ProductItem-additional { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } Thanks, Tony
  9. Site URL: http://www.playtekitchen.com I made an events registration page, but on the "all events" page, there is no "add to cart" button next to my events. The user needs to click on the event to get to the "add to cart" function. Is there a way to get the "add to cart" to show up on the all events page for each event listed? Thanks for the help!
  10. Site URL: https://www.wrongangler.com On mobile, the product description shows up at the very bottom of the page-- below the 'add to cart' button, and the drop down menus for colour selection. I need the product description to be above these things, because the product description explains the options you can choose! I've seen a lot of people answering this question in the inverse (moving the add to cart button above the product description), but mine seems to be permanently the other way around. Any help would be much appreciated! Thanks ๐Ÿ™‚
  11. I want to make an ad posting website automate the classified ads and they will shown on community ads page after admin approval just like : ilovecreatives.com but i cant able to find the best extension or third party application for this !!! I have tried it to make it by membership works but Can't get the desired output. As It as its basic template to show it listings and filters. I just need a similar website like ilovecreatives.com kindly help me . to find the best solution for this.
  12. Hi, I know I can add a custom embed block and it works but I'm not happy of the placement. I want the embed block to show up beside the product photo and not under the product photo and description.
  13. Site URL: https://www.kakeandkash.com/ Hi! Would love help with moving additional info block under add to cart button for all my product pages. Thank you!
  14. Site URL: https://violet-marlin-xtyn.squarespace.com/config/commerce Hi, I am looking to add a button or option to the checkout, where customers can add a gift bag for an extra cost to their cart. Please help!
  15. Site URL: http://www.allurestudioseven.com/shop Hi! I'm having trouble trying to figure out how to add an 'add to cart' button under each listing shown on the shop home page. Right now it just shows the image, title and price. Is there any way to add the 'add to cart' button so it shows under the price?
  16. Hi there, I hoping someone out there can help me to customise a quantity button. The style of the qty button on my shop/product page is ideal (nice light grey lozenge) and all I'm trying to is code the other qty button on the main site pages to look the same. (pics of both attached?). Any help would be amazing!
  17. Hey I am trying to remove or disable the Add to Cart button on my product pages. I donโ€™t want people purchasing through the Cart but I would like the convenience of being able to add and remove items through the product page. I tried using a custom css code but it doesnโ€™t seem like it did anything. Wondering what others have done. thanks
  18. Site URL: https://bottegamade.com/ Hello guys, I would like to add custom field in the form of a text box for my clients to insert a custom pantone colour/HEX code for print colour, as well as another custom field for them to insert the URL of their design file on Dropbox/Google Drive. How do I do this? I have pointed the arrow in the screenshot to indicate what exactly I am talking about - but instead of having set variants that drop down, I need more fields with custom text. Hope this clarifies. Also, I would like to set the quantity to start from 25 units and above as that is our MOQ. Anyone has any idea on this? Appreciate the help.
  19. Site URL: https://unospetstore.com Having difficulty linking the cart in my header with the shopping bag that's in the footer. I've found that it's an ecwid shopping bag in the footer, I've removed the cart element in squarespace settings. Does anyone know how I can copy the bag button/location from my footer to my header please? Thanks in advance!
  20. Site URL: https://www.faellesgro.dk/vlg-bydel Hi there, I have been working on this for a while now. I have created a page with summary blocks referring to our membership products (see URL), and would now like to redirect customers to two different upselling pages - '/tilkoeb-1' & '/tilkoeb-2', depending on which product, they choose. I have used this code to redirect to an upsell page, when customers click Add To Cart: <!-- Redirect to the Upsell Page after clicking on the Add To Cart button --> <!-- Author: Dmitry Kiselyov @_dmitrykiselyov --> <script> function redirectToUpsellPage() { var upsellPageUrl = '/tilkoeb-1'; var addToCartButton = document.querySelector('.sqs-add-to-cart-button'); var productVariants = document.querySelector('.product-variants'); function isVariantInStock() { return productVariants.getAttribute('data-variant-in-stock'); } function onClick() { if (productVariants && isVariantInStock() || !productVariants) { setTimeout(function() { document.location.href = upsellPageUrl; }, 1000); } } if (addToCartButton) { addToCartButton.addEventListener('click', onClick); } } document.addEventListener('DOMContentLoaded', redirectToUpsellPage); window.addEventListener('mercury:load', redirectToUpsellPage); </script> <!-- end Redirect to the Upsell Page after clicking on the Add To Cart button --> Everything is working fine, when I go in through the specific product URL, as I've split the products on two different product pages and added the code to these pages. But when I go in through the page with the summary blocks, the code isn't working. Is it possible to add the code directly to the specific products - and how? Or can the code be rewritten to refer to specific products/product pages? I hope someone here can help me?? Kind regards, Ida
  21. Site URL: https://www.piatori.com/attire/p/modu Is there anyway to have the AfterPay widget under the price of your items? For example like this:
  22. Site URL: https://www.mademoisellemorgane.com.au/boutique/p/versailles-black Hello, https://www.mademoisellemorgane.com.au/boutique/p/versailles-black I have few problems. 1. I would like to move and resize my " add to card " and " size " box. It takes too much space specially on mobile. Please find photos attached. I have also attached a sample. 2. Also I would like to add a " Shipping " and " product information " boxes like the sample below. Thank you for your help !!
  23. Hi! Does anyone know how I can shift my Add to cart button beside the Quantity input for both mobile and desktop? And the add to cart button should span until the end of the text block (desktop) and end of screen (mobile)!
  24. Hi, I am attempting to remove the add to cart button in our shop as we would prefer to have our customers contact us to discuss the solution. We are solutions based business and the products listings on the website are more of just a showcase of products that we can supply under our solutions portfolio. For this, we would like to have an Enquire Now button in place of the Add to Cart button, which would open up a form for the customer to provide their contact details. Can someone please provide some guidance for this? Or at the very least assist me in removing the Add to Cart button, please?
  25. Hi, I deal with a lot of products in bulk and I would like a solution to have my "Add to Cart" button be changed to "ADD TO CART" without having to constantly be editing each and every product to capitalise the button. Thank you!
  • Create New...