Skip to main content

Customize Cart Settings

Cart Settings

The shopping cart displays a summary of items added to the cart. It is enabled by default, and appears whenever a visitor adds a product to the cart or when the cart icon on the right side of the screen is tapped. You can customize cart style and configure some basic functions in the Cart Settings menu. Here you can:  
  1. Customize the style of the cart to match your brand. 
  2. Change default placeholder text. 
  3. Show or hide certain elements in the cart. 
Cart settings are configured on an individual project basis. Currently, there is no way to set a global cart configuration for all projects. 

Access Cart Settings

Your project must be connected to Shopify via the Shoplink app in order to access Cart Settings.
  1. After connecting your project to Shopify open the Shoplink menu by clicking the Shoplink icon in the Asset Bar.
  2. Click on the three vertical dots in the top right corner of the Shoplink menu. 
  3. Select Edit Cart Settings from the submenu to open the Cart Settings menu.
 

Cart Settings Menu

The Cart Settings Menu is organized into two main sections: A scrollable list of settings on the left and a cart preview on the right. As you adjust the settings, the preview will update in real time to reflect your changes. 
 
 

Configure Cart Settings

You can customize the the following styles, placeholder text and button labels from the Cart Settings menu. 
  1. Button text color: To change the color of the button text, click the color swatch next to Button Text to open a color picker, then choose a color or enter a hexadecimal code. Click Save.
  2. Button background color: To change the color of the Checkout and optional View Cart button, click the color swatch next to Button Background to open a color picker, then choose a color or enter a hexadecimal code. Click Save.
  3. Main cart text: To change the color of the main cart text, click the color swatch next to Body Text to open a color picker, then choose a color or enter a hexadecimal code. Click Save.
  4. Main background: To change the background color of the cart click the color swatch next to Main Background to open a color picker, then choose a color or enter a hexadecimal code. Click Save.
  5. Typeface: To change the font and font weight for all cart text, In the Typeface section, click the font drop-down and select a font, or click the weight drop-down and select a weight. Click Save. 

  6. Heading: To customize the label at the top of the cart, type into the Heading input field then click Save.

  7. Subtotal: To customize the Subtotal label, enter a new label into the Subtotal field then click Save

  8. Additional Information: The Additional information field lets you communicate a message to your customers. You can customize the message by typing into the Additional Information field then clicking Save.

  9. Empty Cart Message: You can show a custom message when there are no items in the cart. Enter in a custom message into the Empty Cart field, then click Save. 

  10. Checkout Button: The Checkout Button redirects visitors to your store's checkout page. The Checkout button is shown by default, but you can hide it by unchecking the box next to Checkout Button and clicking Save. If your store's cart uses cart-specific apps (i.e. discount stacking apps, upsell/cross sell apps, etc) you may want to hide the Checkout Button and show the View Cart Button instead so that visitors are redirected to your store's shopping cart before going to Checkout. 

  11. View Cart Button: The View Cart Button redirects visitors to your store's shopping cart. It is hidden by default, but you can show it by checking the box next to View Cart Button and clicking Save.

    1.  

      The View Cart buttons are only enabled on pages published to your Shopify store. View Cart buttons on pages published to the my.famous.co domain will always be disabled as will View Cart buttons in Live Preview. 

       

Available Inventory Error

An error is displayed at the top of the cart when the quantity of a product added to the cart exceeds the quantity available in inventory.  
When product quantity is reduce to less than available inventory, the Inventory Error will dismiss automatically. Default styles cannot be customized. 
Powered by Zendesk