Cart Theme

[Jaunita Rousu]

Ihave figured out how to change the background of the Shopping Cart page through custom CSS, but it looks like it will also require me to custom color all of the elements to get it to look the same as the white minimal theme. before I take the time to do all of that, I wanted to see if there is a faster way to do it.

However, when I went to the squarespace app Site Styles > Colors > Site Theme, i changed it to dark, but it made my entire site dark and I don't want my entire site dark. I want white to be default bg color.

In a nutshell, you should figure out what is your default color theme. This can't be changed currently in 2022. But you can style it and then if you want a different look, use other color theme in places where you can choose it. So your default theme is the foundation for cart page, search results page an order confirmation page and you should start with styling those first. And then creating different looks elsewhere.

Freelance Squarespace developer making plugins like Full-Width Blocks, Hover effects for grid gallery and the Darkmode plugin. I know Squarespace inside out and I'm able to solve pretty much any Squarespace code problem.

I have the dawn theme for my store, however I want to add a " notes" field for my checkout page but I have tried looking for a way to add it for the last days. With no solution I am unable to do so, it seems this theme does not allow me to do so. I've tried to google it and follow the instructions with the cart page and then enabling cart notes but my theme does not have the option to enable cart notes. if someone could help that would be great.

Since the Dawn theme is for the Online Store 2.0, customizations to it are a little bit different than those done to Vintage Shopify themes. However, Dawn has the option to enable cart notes already built-in! Take a look at the Help Doc Add order notes on your cart page for guidance on enabling it.

Hi! Thank you for showing a physical example for help. I am not OP however I have recently switched to using this theme myself and lost my notes to seller box which almost all of my customers need to utilize. My site is not showing this check box option, rather it says "no customizable settings available." Any advice? Thanks again!

For example, step 1 of the "sectioned theme" instructions says to edit theme.js or theme.js.liquid in the Assets folder - the only theme*.* file in my assets folder is theme-editor.js. I do have a theme.liquid file in my Layout folder. Those are my only 2 theme* files - and so I'm not sure which one to edit.

Step 2 says "In the Sections directory, click cart-template.liquid. If there is no cart-template.liquid file in the Sections directory, then click cart-template.liquid or cart.liquid in the Templates directory." Of course, Dawn has none of those files in those spots... I have zero cart-template files anywhere. I have a cart.json under Templates and cart.js under Assets, but those aren't even liquid files.

I've taken a look at the guide, Cart - Add An 'Agree To Terms And Conditions' Checkbox, and it looks like this tutorial is designed for our vintage themes (eg. Brooklyn, Debut, etc.). Since you're using one of our newer themes, then this tutorial wouldn't be recommended for this customization.

If you're looking for an easier method to add the terms and condition checkbox to the cart page, then you can consider using a third-party app, such as ROAR: Terms and Conditions Box or EZ Term and condition checkbox. Both of these apps are completely free and the app developer is always available to assist you if you need help with one of their apps - you can reach out to them directly using the contact information found in the Support section of their app's page.

That being said, if you prefer adding the terms and condition checkbox through custom coding, then you can see if the Shopify Community can share some insight or you may want to consider hiring a developer to assist you with this customization. If you need help finding a developer for your store, then I'd recommend taking a look at our directory of certified developers on Shopify Experts.

Elias Social Care @ Shopify

- Was my reply helpful? Click Like to let me know!

- Was your question answered? Mark it as an Accepted Solution

- To learn more visit the Shopify Help Center or the Shopify Blog

One question. I noticed the box is checked by default. is there anyway to make it unchecked by default so customers will have to check it themselves ? Are you available for future customization work ?

And this works fine for me. The checkbox is unchecked by default and customers need to check it in order to make a payment. To Use it in the drawer however I needed to hardcode the values as seen above. You can change them by the ones you need. I used chatgpt to do this work for me.

Are you looking for an eCommerce child theme for Divi that supports WooCommerce? Well, Divi Cart Pro is the all-in-one Divi child theme that brings outstanding solutions to build a fully functional Divi store. For instance, you get multiple store home page layouts and multiple in-built modules that allow you to build a WooCommerce product carousel, custom product page; display a mini cart; use multiple layouts, and more.

I am trying to add a "add a gift message" option to my shop and all the solutions I found suggest that I go into customize > theme settings > cart and then press enable notes. I, however do not seem to have a cart section in my theme settings. I've attached a picture below of the options that I seem to have:

In the meantime I would love to hear more about your business to see how else we can assist. Are you selling products that are often given as gifts? If so, there are a ton of apps in the Shopify App Store that might interest you. For example: Super Gift Options. This app allows your customers to not online leave a gift message, but also purchase gift wrapping at the cart page!

I have been researching and tweaking away at my custom Wordpress theme and overridden WooCommerce templates with now WooCommerce installed to rectify a bunch of small formatting issues that occur on the WooCommerce pages. I'm down to now the cart and checkout, which yeah they use cart.php (and whatever checkout php), but also uses the main Wordpress theme page.php. I've been able to use is_woocommerce() in conditionals other places but not here as I've learned the WooCommerce docs say that can't be used on checkout and cart.

So how can I alter the appearance of these pages? I have a "View All Posts" and a date/time at the top, and categories sidebar of page.php that I don't want showing up for obvious reasons on the checkout and cart since they don't make sense at all. What are my options?

You can use function: wc_get_page_id( 'cart' ) to get the ID of the page. This function will use the page setup as 'cart' page and not the slug. Meaning it will keep working also when you setup a different url for your 'cart' on the settings page. This works for all kind of Woocommerce special page, like 'checkout', 'shop' etc.

This is safer than my other solutions, because if you remove WooCommerce, but forget to remove this file, the code inside (that may rely on WooCommerce functions) won't break, because it's never called (unless of cause you have a page with slug slug).

I used the page-checkout.php template to change the header for my cart page. I renamed it to page-cart.php in my /wp-content/themes/childtheme/woocommerce/. This gives you more control over the wrapping html, header and footer.

Thanks for visiting the Klaviyo Community Forum. To create your Community account, please first log into your Klaviyo account with this link. Once logged in, you will be automatically redirected back to this page to finish setting up your new account.

Thanks so much for coming back to the Community and sharing your solution for this! So glad to hear that you were able to figure it out and really appreciate you spreading the word on the Community! I know many others will find this useful too.

Appreciate you, and thanks for being a part of the forum!

-Cass.

Also important to note is that query selectors for buttons with multiple classes need to have those classes separated by a period. For example, in this code snippet, the classes 'btn', 'btn--full', and 'add-to-cart' are all separated by a period:

3a8082e126