Search the Community
Showing results for tags 'shopping-cart'.
Found 139 results
-
Site URL: http://www.jeffkrueger.net How do you change just the color of the background on the shopping cart page in 7.1 to white?
- 16 replies
-
- 1
-
-
- shopping-cart
- css
- (and 2 more)
-
Site URL: https://www.serapolmez.com/shop Hi, I would like the move shopping cart button in my webshop down, so it is in line with the menu in the header. Also I would like to move it a bit to the left. How can I do this? Here is a link to my webshop: https://www.serapolmez.com/shop Thanks in advance! Best, Serap
-
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?
-
Site URL: https://www.elgalgorestaurante.com/cart Hello, I have a problem with the header of my shopping cart page, I am not able to display the background color with any code, so that I can see my brand logo and navigation menu. I had the exact same problem with my product pages, but I solved the problem with this code in the header injection code section of the page: https://elgalgorestaurante.squarespace.com/es/para-llevar/croquetas-de-jamn-4-unidades <style> .Header {background-color: #007564! important;} </style> And then add the following code in the CSS personalization section of Squarespace to hide this background header color in the main page of products https://elgalgorestaurante.squarespace.com/es/para-llevar Header.Header--bottom.Header--overlay { background:none!important; } Now I Have tried to do the same with the shopping cart by injecting code the CSS section but nothing work. Can anyone help me with this please ? Thanks ! -
Site URL: https://sanitisethis.co.uk I would like customers to be able to see their full total, including delivery on the shopping cart page, before they go to checkout. Is this a possibility? -
Hello! I'm working on a page where the main content is custom html + css + java. The code generates a magnifying glass search button that becomes a dropdown list (highlighted in green below). The script works in an external editor I've used to debug, but when I insert into Squarespace it's messing up the shopping cart in the header (red highlight). Is there a way to override these changes to the shopping cart in the header with something like: ".cart-button <some command> !important"? Or is there a bug in my code I'm not noticing? Code is also below. Any suggestions are welcome. Thanks in advance! Code: <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> /*animated search bar*/ .search { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 80px; height: 80px; background: #fff; box-shadow: 0 5px 20px rgba(0,0,0,0.5); border-radius: 4px; transition: width 0.5s; overflow: hidden; } .search.active { width: 400px; } .search input { position: absolute; top: 10px; left: 10px; width: calc(100%-90px); height: 60px; border: none; outline: none; font-family: arial; font-size: 36px; padding: 0 4px; color: #666; } .icon { position: absolute; width: 60px; height: 60px; top: 15px; right: 4px; background: white; cursor: pointer; transition: 0.5s; border-radius: 4px; } .search.active .icon { background: rgba(100,100,100,0.3); top: 10px; } .icon:before { content: ''; position: absolute; top: 10px; left: 10px; width: 24px; height: 24px; background: transparent; border: 2px solid #262626; border-radius: 50%; transition: 0.5s; } .search.active .icon:before { content: ''; position: absolute; top: 7px; left: 13px; width: 18px; height: 30px; background: transparent; border: none; border-right: 2px solid #fff; border-radius: 0; transition: 0.5s; transform: rotate(45deg); } .search.active .icon:after { content: ''; position: absolute; top: 20px; left: 13px; width: 18px; height: 30px; background: transparent; border: none; border-right: 2px solid #fff; border-radius: 0; transition: 0.5s; transform: rotate(-45deg); } .icon:after { content: ''; position: absolute; top: 25px; left: 35px; width: 18px; height: 18px; background: transparent; border-left: 2px solid #262626; border-radius: 0; transform: rotate(-45deg); transition: 0.5s; } /*dropdown*/ /*dropdown search bar*/ .dropbtn { background-color:transparent; border: none; color: white; text-color: white; position: absolute; top: 42%; left: 20.7%; margin: 24px; font-size: 36px; font-family:arial; cursor: pointer; height: 60px; } #myInput { box-sizing: border-box; background-image: url('searchicon.png'); background-repeat: no-repeat; font-size: 36px; font-family:arial; color: #666; padding: 19px; border: none; border-bottom: 1px solid #ddd; border-radius: 4px; } #myInput:focus {outline: 3px solid #ddd;} .dropdown { float:right; display: inline-block; } .dropdown-content { display: none; position: absolute; top: 43.5%; left: 24.1%; background-color: #f6f6f6; min-width: 200px; overflow: scroll; height: 400px; width: 325px; border: 1px solid #ddd; border-radius: 4px; z-index: 1; } .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } .dropdown a:hover {background-color: #ddd;} .show {display: block;} </style> </head> <body> <div class="search"> <div class="icon"></div> </div> <div> <div id="myDropdown" class="dropdown-content"> <input type="text" placeholder="Search..." id="myInput" onkeyup="filterFunction()" autocomplete="off"> <a href="allergy-research-group-products">Allergy Research Group</a> </div> <script src="https://code.jquery.com/jquery-3.3.1.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.icon').click(function(){ $('.search').toggleClass('active') document.getElementById("myDropdown").classList.toggle("show"); }) }); /* When the user clicks on the button, toggle between hiding and showing the dropdown content */ function myFunction() { document.getElementById("myDropdown").classList.toggle("show"); } function filterFunction() { var input, filter, ul, li, a, i; input = document.getElementById("myInput"); filter = input.value.toUpperCase(); div = document.getElementById("myDropdown"); a = div.getElementsByTagName("a"); for (i = 0; i < a.length; i++) { txtValue = a.textContent || a.innerText; if (txtValue.toUpperCase().indexOf(filter) > -1) { a.style.display = ""; } else { a.style.display = "none"; } } } </script> </body> </html>
-
Site URL: https://www.skelafoods.com Hey there! Wondering if anyone knows how to add a 'Continue Shopping' button to the Shopping cart when there are existing products in it? I'm using the 'Tremont' template. site: www.skelafoods.com Passcode: foods The page is actually hidden as I'm currently developing it and we are going live asap...so the store page link is www.skelafoods.com/store-2 in case you need to add products to the cart to check. THANK YOU! -
Site URL: https://www.mattportch.com Hi, Is there a way I could add a shopping cart icon next to my nav icon OR somewhere in the pop-up navigation menu? (I've already uploaded an icon to my custom css if needed)
-
How to change cart icon with bag icon - Crosby 7.1
francescalo posted a question in Coding and Customization
How can I change the classic cart icon with the bag one in Crosby 7.1? there is a css I can add to do this? Thank you -
What CSS code could i use in order to change the shopping cart menu to a custom image file ?
-
Site URL: https://www.fluxbrews.ca/cart I would like to change the title font on my Shopping Cart page. For some reason it has forced my Heading style into all caps, which doesn't read well in a script font. I would like to either force the heading out of caps, or change the text to my Paragraph style on this page. Any help would be appreciated!
-
Hi! I want to change design of the number on the shopping cart. I think the number looks so thin and small. I would like to make it bigger and easier to see. Is there any way to do it? Appreciate all your help!~ Thanks, guys.
-
How can I hide the quantity column on the shopping cart page? I've found a code to hide it on the actual product page, but it still shows up in the cart.
-
Site URL: https://www.artbysarah.com.au/cart Is it possible to make the product image on the cart page bigger? is there some sort of code i can inject?
-
Hi, How do I add a button that prompts a customer to continue shopping and takes them back to the main shopping menu page? Thank you!
-
Hello everyone, I would like to know if it is possible to change the position of the cart icon. I am attaching Before and After picture of the look I would like to achieve. I'd like to have it placed underneath SHOP text if possible. My site: https://caterpillar-antelope-zbjy.squarespace.com/shop password: ptphoto Thank you in advance, Best regards, P p.s I have set the cart to only appear on the 'SHOP' page, in case this info is helpful
-
How to remove "add to cart" button in Spanish?
Enthian posted a question in Coding and Customization
Site URL: https://www.serajuana.com/tienda/pulpo Hello, I need a code to remove from all pages the "add to cart" (añadir al carrito) button". I tried with one I found here but it's in english. Want to know if there is any code that effects Spanish language. Pass: 098 Thanks. -
Site URL: http://afexancosmetics.com/shop-online/ How do I display the currency of my site on items in the commerce section? I want people to immediately know that the items are listed in USD. I am wanting to have the USD display on the items wherever the prices are listed.
-
Site URL: https://www.baffledays.com.au/cart Hi everyone, I'm having an issue with editing my 'cart' page. When people click the cart icon it takes them through to the cart page, however most of the page is filled with an old blog post with their shopping cart way down the bottom. The same blog post appears after they have checked out and paid, with the confirmation message at the bottom. I can't find anywhere which lets me edit the CART page to get rid of the blog being there. Thank you
-
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
-
Move add to cart / select button to beneath Price
Jethro posted a question in Coding and Customization
Site URL: https://astroloteez.com Hi We want to put the add to cart and select size underneath the price (not underneath description) Is that possible? Shop is here https://www.astroloteez.com/astroshop/aries-tshirt (password: LOVE) Thanks -
Site URL: https://lion-turtle-lfxj.squarespace.com/ As it is nearly impossible to sell bikes online, and we require our customers to come into our shop in order to process purchases, I would like to alter the design of my shopping cart to function instead as a favourites page. I want to hide the online purchase option and prompt the customer to print out their favourites cart to bring into the store. Price and quantity are also unnecessary so i'd love it if I could hide those too. Can anybody help me find a solution? Thanks!
-
Site URL: https://naonow.squarespace.com/config/design/custom-css Hi! How do I change the color/ format of how my shopping cart page looks? Don't love the colors and layout! @rwp @rwp
-
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.
-
Hi There, We are a production company looking to hire items to customers rather than sell items through our product pages. With this in mind we would like to be able to change the shopping cart of our product pages and turn it into a "wish list cart" that can be sent us and followed up by email once we have checked the equipment is available for hire. Is there any code for this customisation available? Thanks John
