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

Search the Community

Showing results for tags 'cart'.



More search options

  • 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
    • 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

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

Found 35 results

  1. Site URL: https://disc-orange-ab2j.squarespace.com/ Hey everyone, I've managed to sort out a lot of the answers to my questions by searching on the forum so thanks to anyone who's posted and helped before. I'm in the process of building custom fonts into a the Hester template on Squarespace 7.1 and I've managed to sort them out in a variety of places, but can't figure out how to get them to build into the shop/store section of the site, the account login in the top header and the tags on the blog. If anyone is able to help that'd be great! Screenshots attached. Site: https://disc-orange-ab2j.squarespace.com/ Pass: 12345 Thanks!
  2. Site URL: https://rafida.org Hey, I've added the below code as Code Inject for some pages to control the colour of certain icons in the social icons section. How do I add the case code injection for the cart page? Site access: https://rafida.org pass: lastphasetesting3 Code injection used: <style> .SocialLinks-inner a:nth-child(5){ colour: #000000;} .SocialLinks-inner a:nth-child(6){ colour: #000000;} .SocialLinks-inner a:nth-child(7){ colour: #000000;} </style> <style> .SocialLinks-inner a:nth-child(5){filter: brightness(50%);} .SocialLinks-inner a:nth-child(6){filter: brightness(50%);} .SocialLinks-inner a:nth-child(7){filter: brightness(50%);} </style>
  3. When a customer wants to remove an item while on the Checkout Page, the "Remove" link to do this (which is below the Qty) is in a very light grey, and many customers are not able to find this easily. Is it possible to highlight this "Remove" link on the Checkout Page, perhaps by changing the colour to Red? (Brine template)
  4. Site URL: https://magenta-gopher-xkxw.squarespace.com/ Hello, I'm looking to move my purchase button to the left, so it is located underneath the pictures. This way it can be displayed above the fold, whilst keeping the description. Here is the site https://magenta-gopher-xkxw.squarespace.com/ Thanks in advance! Oily Heroes
  5. Site URL: https://www.moretti.com/cart Hello! I was hoping someone could help me figure out how to add related products to the cart page. It's pretty empty if there's nothing there and I'd love to make it more user friendly. Any CSS suggestions? - Christian
  6. Site URL: http://www.palmettehome.com Hi, I have a custom bag icon and it works great on desktop. I need to also show the same custom bag icon on mobile. Currently, the original bag icon is showing in mobile, not my custom icon. I think I need to include a media query but can't get it to work. Here is the code I'm using right now: .tweak-header-cart-style-bag .Header .Cart>* { visibility: hidden !important; } .tweak-header-cart-style-bag .Header .Cart .sqs-cart-quantity { visibility: visible !important; margin-bottom: 9px; margin-left: 2px; } .tweak-header-cart-style-bag .Header .Cart { background-image: url(IMAGE URL HERE); background-size: cover; background-repeat: no-repeat; width: 35px; height: 35px; }
  7. Site URL: http://www.palmettehome.com Hi! I'm wanting to change the stock cart/bag icons to a custom bag image I've created. I found some code online but it's not working. Is this possible? I have a .PNG file created and uploaded in my managed files. For reference, here is the code I found as a starting point. I did insert the URL path to the image in the code in the custom CSS section. Per their video, the cart image changed however mine did not. They are also using the same template as mine. Any help would be greatly appreciated! website: www.palmettehome.com reference code: .icon--cart { svg { display:none; } background-image: url(IMAGE HERE); background-size: 20px 20px; background-repeat: no-repeat; }
  8. I was trying to add a "Go To Cart" button below the default "Add To Cart" button. I was able to inject another element with jquery like this: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(function() { $("<a class='btn btn--border theme-btn--primary-inverse' href='/cart/'>Go to Cart</a>").insertAfter(".sqs-add-to-cart-button-wrapper"); }); </script> But of course it doesn't get all the button styling. So I tried to add div parents to match other buttons on the site that look like this: <div class="sqs-block button-block sqs-block-button" data-block-type="53" id="block-yui_3_17_2_1_1590159860790_33264"> <div class="sqs-block-content" id="yui_3_17_2_1_1591844141919_110"> <div class="sqs-block-button-container--center" data-animation-role="button" data-alignment="center" data-button-size="medium" id="yui_3_17_2_1_1591844141919_109"> <a href="/cart" class="sqs-block-button-element--medium sqs-block-button-element" data-initialized="true">Go To Cart</a> </div> </div> </div> However, when I was nesting the "a" element, all the divs and the element within disappear. This was because I was not consistent using ' and " to define my strings. The following code works for me. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(function() { $('<div class="sqs-block button-block sqs-block-button"><div class="sqs-block-content"><div class="sqs-block-button-container--center" data-animation-role="button" data-alignment="center" data-button-size="large"><a class="sqs-block-button-element--large sqs-block-button-element" style="box-sizing: border-box !important; width: 100% !important" href="/cart/">Go to Cart</a></div></div></div>').insertAfter('.sqs-add-to-cart-button-wrapper'); }); </script> Would still be interested in the best place for documentation for 7.1 site wide css styles. I guess everyone just rips it from what gets served on their site? Thank you, -Dean Fix for order swapping in mobile If things are swapping around in your mobile view, you have to add the same order as the "Add to cart" button. There's probably a better way to query for this and insert it, but it doesn't seem to change much. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(function() { $('<div class="sqs-block button-block sqs-block-button" style="-webkit-box-ordinal-group:4; -moz-box-ordinal-group:4; -ms-flex-order:4; -webkit-order:4; order:4;"><div class="sqs-block-content"><div class="sqs-block-button-container--center" data-animation-role="button" data-alignment="center" data-button-size="medium" style="margin: 0 auto !important; width: 70% !important"><a class="sqs-block-button-element--medium sqs-block-button-element" style="box-sizing: border-box !important; width: 100% !important" href="/cart/">Go to Cart</a></div></div></div>').insertAfter('.sqs-add-to-cart-button-wrapper'); }); </script>
  9. The default font size inside the shopping cart is huge, how do we change the size? Thanks!
  10. Site URL: http://bluelinenutrition.co I'm trying to add a button underneath the "CHECKOUT" button on the cart page. Can someone help with steps to do this?
  11. Site URL: https://www.lesweekendeurs.ca/ Hey Guys! Is there a way to add the live cart total with the icon on navigation bar or any other way to have a live total cart $$ without clicking on the cart?
  12. Site URL: https://courtneyandersonart.squarespace.com/cart password for site is: courtneyandersonart I have a font showing in my cart that is only really legible in lowercase but is shown in uppercase. There is no option to change it under design and styling. What CSS do I need to change it??
  13. Hey there, I'm using the theme Native and the only thing left to change on the site is the cart icon. My client wants just the hairline cart w/ numbers and I thought nothing of it because I've always been able to change it but after reaching out to live chat, they said that Native supports "classic cart" only, but I could potentially change style or at least color with CSS. Any advice on this? I've attached the cart style as it is now. Thank you!
  14. I am using the Ishimoto template: Although the product page displays an “ADD TO CART” button, I need to add an additional button directly below this one that says “CHECKOUT”, and I need it to be identical (if possible) to the add to cart button. I do realize that once a customer adds an item to the cart, the Squarespace template will then automatically display a “cart” button floating at the top of the page. However, I still need to add my own checkout button so that I can send customers to a page with more instructions before they go to the cart. ANY help appreciated, I think I’m on the right track because I already have the following code, but I know the positioning code here is not going to align it directly under the ADD TO CART button like I need it to (because I need for my CHECKOUT button to automatically align itself with the add to cart button no matter what the browser window size is, etc): <style> .checkoutbutton { background-color: #292929; text-indent: 0; display: inline-block; color: #fff; font-color: #fff; font-family: arial; font-size: 12px; font-weight: normal; font-style: normal; height: 50px; line-height: 50px; width: 250px; text-decoration: none; text-align: center; } .checkoutbutton:hover { background-color: #292929; font-color: #fff; } .checkoutbutton:active { position: relative; top: 1px; color: #fff; } </style> <p align="right"><a href="/pagelink" class="checkoutbutton">CHECKOUT >></a></p>
  15. Hello, I need help, I am trying to make the cart white on the homepage of my website only, however, I am not able to find the correct CSS code, could anyone be so kind to help me out? Thanks in advance
  16. Site URL: https://www.capaofruit.com/cart Hi Everyone, I would like to change the HREF link on the cart page Continue Shopping to a back button. I found this article that shows you how to create a back button but I would like it to only effect the empty cart button button and not when I have items in my cart.
  17. Hello all, I am currently setting up my new site and I have run into a roadblock. I am a travel agent for Egypt Tours and my business model requires that I secure a non-refundable deposit of $400 per person, before the customers final purchase (the full or remaining purchase is charged at a later date). However, on the Squarespace format I have not found the option to do this. Does anyone have any suggestions or solutions, whether that be through Squarespace, PayPal, Stripe, or any other means. Thank you for the help.
  18. Site URL: https://mauve-sphere-dhk9.squarespace.com/ Hi This is a two part question https://www.thehappyplaceschool.com/ https://www.thehappyplaceschool.com/make-a-payment (shop page) 1) I want to change the cart button once you add something to cart (currently set to all black) to the site color of teal blue - there is not default for this. Screenshot attached of the black box. Is this possible with CSS? 2) I want to change the pricing on the product page closer to the options BELOW the description so that when you toggle on the options you can see the price change. Is this possible with CSS?
  19. Site URL: https://mauve-sphere-dhk9.squarespace.com/ Site URL: https://www.thehappyplaceschool.com/ Hi This is a two part question 1) I want to change the cart button once you add something to cart (currently set to all black) to the site color of teal blue - there is not default for this. Screenshot attached of the black box. Is this possible with CSS? 2) I want to change the pricing on the product page closer to the options BELOW the description so that when you toggle on the options you can see the price change. Is this possible with CSS?
  20. Site URL: https://www.grindstonewines.com/cart I have a couple of my pages on my site linked to our POS system (for sales & inventory purposes) but lastly I need out checkout Cart page linked to our POS system. I have the new URL but Square Space does not offer to link the Cart Page like they do with other pages. Would custom coding help? Has anyone else come across this issue? Thanks in advance
  21. Site URL: https://www.curltruth.love/home Hi, I am closing down my shop permanently, but I need to keep my website up, how do I disable commerce and shop completely. I am finding it frustrating that all the answers seem to end up being, leave it on cuz its good for your SEO, this is of no concern, I just want the basket and search icon gone with no trace and I cant seem to find the option. Help is much appreciated!
  22. Is it possible to remove the header and footer from the Cart page? I've successfully done it on other pages using custom css and injection code, but for some reason the Cart page behaves differently.
  23. Site URL: https://heptagon-ocelot-y6ec.squarespace.com/ Hello, I hope you the forum doesn't mind if I ask three questions, they are related. Firstly, my client would like to add a total cost figure (in pounds and sterling) on the cart icon. Currently, it displays the number of products in the cart. Is there a way of changing this? Secondly, I've added the option for 'Customer Accounts' however, I would like to change the text from 'sign up' to 'log in'. There doesn't appear to be an option to change this. And finally, I'd like to add a 'back to shop' function on the cart checkout page. Thank you in advance. Jason
  24. Site URL: https://atlantacoffeeshops.com Hi, I am working in the Five template. By default, all pages that I create include a sidebar on the right. Two questions: 1) How can I create custom code/CSS to omit sidebars on all pages throughout my site? Or said another way, how can I ensure that "full width" is selected for all pages on my site? 2) Is there a way to remove the sidebar from the "cart" page specifically? I could not find an option to do that on Squarespace Help pages. There is a way to customize the "Checkout" page, but what about the cart page? See the default text that is showing up on the below page at the moment: https://www.atlantacoffeeshops.com/cart Thanks for your help!
  25. Hello! Is it possible to change the font size of the following(shown in picture)? Thank you!
×
×
  • Create New...