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


Forums

  • 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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges


Expert ID

  1. 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.
  2. 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!
  3. 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
  4. 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:
  5. 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 !!
  6. 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)!
  7. 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?
  8. 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!
  9. Site URL: https://www.pawtraitpet.com/shop/p/05ylk3dgodclald7vose0h4oqou3m3 Hi, does someone have ideas is it possible to remove default text "select ..." ? How to delete this text? I want it to show just my variants. https://www.pawtraitpet.com/shop/p/05ylk3dgodclald7vose0h4oqou3m3 password - test1234
  10. Site URL: https://bubblegumdreams.squarespace.com Hello! I'd like to remove all the add to cart options from the 5 products on this page. https://bubblegumdreams.squarespace.com/tiled-goods as I've already created a form for people to fill in prior to purchasing. Thank you so much for your help
  11. Site URL: https://disegnojournal.com/shop/p/disegno30 Hi there Due to changes in VAT for sales from UK to EU, we need to add a 2nd 'Add to Cart' button on product page so that EU customers are directed to a third party fulfilment service. Please can I get help with the code to do this please?
  12. Hi, Does anyone know any CSS code to hide the cart button on the homepage?
  13. Site URL: https://poroluxe.squarespace.com/config/ How do I add price per unit on the cart page?
  14. Site URL: https://tambourine-oarfish-c28h.squarespace.com/ Looking to center the navigation links between the logo and Add to Cart button without the links stacking or the logo shrinking. Currently using the code below to achieve something close to the desired look, but I'm having issues with the nav staying centered on all screen sizes and the logo not shrinking down to nothing on smaller screens. .header-title-nav-wrapper { flex: 1 0 82%; } .header-layout-nav-center .header-nav { width: 100% !important; flex: 0 1 auto; } .header-layout-nav-center .header-nav-list { justify-content: flex-end; flex-wrap: nowrap; } Desired effect attached. Thank you! https://tambourine-oarfish-c28h.squarespace.com/ password: Bestcannoli2021!
  15. Site URL: https://www.hamiltonworkshop.com/ Hi I´m having trouble with the "add-to-cart" button in a product block with 4 columns. When customers press the button, the "Adding - Added" animation breaks the grid of my product blocks - see image. The initial width of the add-to-cart button is based off my viewport size - I guess - How do I keep it that way? It seems to revert to at standard width after pressing the button?
  16. Hello. I've been trying to format my blog product page to have the same format as this one https://www.crueltyfreekitty.com/product/sweet-peach-eyeshadow-palette/ I want to be able to hide the price, hide the quantity, hide the add to cart button, as well as the shopping cart. Also be able to have links like those buttons to different sites please.
  17. Site URL: https://sturgeon-flower-j2m5.squarespace.com/ I love the layout however as a wholesaler I don't want people to know the pricing and don't want to offer the shipping option. Can you please help?
  18. Site URL: https://medowski.com/shop Hi, I want to edit the text of “add to card” button. I found that special button when creating a new product, but I already have around 150 existing. Is it possible to bulk edit all of them? I want to translate “Purchase” in Russian, so it will be “Купить”. Is it also possible to add categories to products in bulk? Thank you, K
  19. Site URL: https://www.finpointe.com/ Hi, In my store I have products listed (ex. https://www.finpointe.com/store/l8tvjwfph2h5iw7c6ix7f6xncoazr2), but for some reason the Add to Cart is missing on all the products. I've been through my commerce set up a few times and it appears everything is set and connected as it should be. I haven't done any customizations to the site either. I'd appreciate it if anyone might know what could be causing the Add to Cart button to not appear. Thanks!
  20. Hey, I'm only starting up my online business and I am going to run 1 workshop each month via zoom which i want to sell on my website. Do I have to use Scheduling if I only host 1 event a month that needs a zoom link? Don't really want to sign up to something that I really don't need. I do intend to have future monthly events live on the website for purchase, so ideally I would like to be able send out separate emails for each event? If the purchase email isn't customisable, is my only other option to set up my store with a digital download and include the link there to avoid me having to sign up to Scheduling? This is all new to me, so I would be grateful for any advice. Thanks
  21. Site URL: https://wawhandplanes.com.au/bodysurfing-handplanes/the-badfish/recycled-ocean-plastics Hi, I'm hoping someone can help me. I'm trying to move my product description to the bottom of my product detail page. I would like the order to be: Title, Price, Select Colour, Quantity, Add to cart, description. I would also like to increase the size of my price if anyone also knows how to do that? I'm on bedford version 7.0 Thanks in advance Rikki
  22. Site URL: https://apricots-mayflower-laks.squarespace.com/config/ I am currently designing a site using Almar Squarespace 7.1. Currently when a customer clicks 'add to cart' they are directed to checkout bypassing the cart without giving an option to continue shopping. The only way they can access the cart is by clicking the icon in the header (they then have the option to continue shopping) Is there some code that can address this please? Thank you in advance
  23. Site URL: https://www.hotherside.com Hello 🙂 Would love to get help on how to move the Size, Quanity and Add to cart button just below the price.
  24. Site URL: https://www.gorgeousgelato.com/next-day-delivery/gelato-pint I have a test page www.gorgeousgelato.com/automatic-gallery-test where I was able to pull firestore.onSnapshot query results and display them in a real-time gallery of images with this code (which works as intended): // CREATE GALLERY <div id="coolGallery" class='flavorsOfTheDayGallery'></div> // FIND FLAVORS THAT ARE MARKED AVAILABLE let flavors = db.collection("flavorsOfTheDay").where("isAvailable", "==", true) .limit(16) // ORDER AVAILABLE FLAVORS ALPHABETICALLY AND BUILD EACH AN IMG TAG WITH SOURCE AND ALT TEXT portlandsFlavors.orderBy('flavorName') .onSnapshot((querySnapshot) => { coolGallery.innerHTML = ""; querySnapshot.forEach((doc) => { coolGallery.innerHTML += "<img class='flavorImage' src='"+doc.data().url+"' alt='"+doc.data().flavorName+"'>" console.log(doc.id, " => ", doc.data()); }); }) I have been trying to recreate this success for product select dropdowns '<select><option value="">"text"</option></select>' where each 'value' and 'text' would be equal to a flavorName derived from the firestore query (standard dropdown shown below). I can push the query results to the console.log only if I remove reference to 'selectDropdown.innerHTML' from the querySnapshot. The goal is to update the dropdowns above with live code from a firestore .onsnapshot query // Target select ID let selectDropdown = document.getElementById('select-yui_3_17_2_1_1588782094999_71107-field'); // Search for Portland's available flavors & limit to 16 let dropdownOptions = db.collection("flavorsOfTheDay").where("isAvailablePortland", "==", true) .limit(16) // ALPHABETIZE AVAILABLE FLAVORS let alpha = dropdownOptions.orderBy('flavorName') .onSnapshot((querySnapshot) => { selectDropdown.innerHTML = ""; // .innerHTML cannot read querySnapshot.forEach((doc) => { selectDropdown.innerHTML += "<option value='"+doc.data().flavorName+"'>'"+doc.data().flavorName+"'</option>" console.log(doc.id, " => ", doc.data().flavorName); }); }) The last thing to mention is that the lightbox modals (shown below) which hold the select dropdowns are not loaded into the DOM until product "Add to Cart" buttons are clicked. My attempts at using MutationObservers have been unsuccessful and I'm not certain I will be able to make changes even if the mutationObserver catches the addition of the lightbox-modal to DOM.
  25. 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?
×
×
  • Create New...