đ Ajax cart is a feature powered by Boost Commerce that allows customers to add products to their cart without any page reloads.
â ď¸ This article only works for Boost AI Search & Discovery V3 new Theme settings. To find out which version of our app your store's current theme is installed with, please follow this article.
Access Ajax cart settings
To access the Ajax cart settings, please follow these steps:
1. From the app's admin, go to the Integration menu > select Shopify Integration > Find [Target Theme] > Select Edit Visual Design.
2. On the left panel, select Product item to expand and choose Ajax cart in the drop-down list. Once you have chosen the Ajax cart section, the detailed settings for Ajax cart will appear on the right panel.
Ajax cart configuration
Note: When customizing any attribute in the right sidebar â the preview pop-up will show the corresponding changes.
Enable Ajax cart: display the Ajax cart on your storefront
Select type of cart display:
Side cart
Popup cart
None
Button overall
These settings will be applied to both the View cart and Checkout buttons in the Ajax cart feature.
Button shape: you can select between the Rectangle and Rounded Rectangle shapes.
Font
Font family: choose a font family for the two buttons
Font style: choose the preferred font style from the selected font family
Font size: use the slider or input your preferred size in pixels (range from 10 - 30)
View cart button
This settings section applies specifically to the View cart button in the Ajax cart feature.
View cart text: Edit the text fields to modify the label for the âView cartâ button
Color
Text color: pick a color for the text of the button
Text color on hover: pick a color for the text when hovering on the button
Background color: pick a color for the buttonâs background
Background color on hover: pick a color for the button's background when hovering.
Border color: pick a color for the border of the button
Border color on hover: pick a color for the button's border when hovering.
Text
Text transform: transform the text button to be:
none
leaves the textâs case and capitalization exactly as it was entered.lowercase
makes all of the letters in the selected text lowercase.uppercase
makes all of the letters in the selected text uppercase.capitalize
capitalizes the first letter of each word in the selected text.
Checkout button
This settings section applies specifically to the Checkout button in the Ajax cart feature.
Checkout text: Edit the text fields to modify the label for the âCheckoutâ ****button
Color
Text color: pick a color for the text of the button
Text color on hover: pick a color for the text when hovering on the button
Background color: pick a color for the buttonâs background
Background color on hover: pick a color for the button's background when hovering.
Border color: pick a color for the border of the button
Border color on hover: pick a color for the button's border when hovering.
Text
Text transform: transform the text button to be:
none
leaves the textâs case and capitalization exactly as it was entered.lowercase
makes all of the letters in the selected text lowercase.uppercase
makes all of the letters in the selected text uppercase.capitalize
capitalizes the first letter of each word in the selected text.
Click the Save button to save all the changes you have made.
â
â
If you have any questions or need further assistance, please do not hesitate to reach out to our dedicated support team at [email protected].