Shopping cart settings
The product in your online store gets automatically added to the shopping cart once your visitor clicks on the Buy/Order button. The shopping cart is fixed on the website page, and to access it, your customer has to simply tap on it. It opens with a pop-up form to fill in the contact information:
By default, the shopping cart has such fields as name, phone, email, etc. Follow the instructions below to see how you can add other fields.
Important: the online store is available for Pro sites only.
Shopping cart settings
1. Open your site settings, your store settings, and go to the Shopping cart tab:
2. Here you can set the minimum order amount:
3. To change the default fields in the form, click Edit:
4. In the pop-up window, choose the field type, enter text and decide whether you want this field to be required, then click Save:
The available fields type are short text, name, email, phone, comment or long text. Short and long text fields are universal ones that can be used for multiple purposes — for example, to receive address, specify the size of the product, etc.
Note: you can create fields in any language.
5. If you want to add more fields, click Add field below:
6. To delete a field, click Delete near it:
7. You can also enable payment method here:
Use this guide to translate the Shopping cart.
Changing the design of the Shopping card
You can set how the Shopping card looks: the size, the color, the animation.
1. To change the design of the Shopping cart, go to Pages and Popups, go to the Store tab and click on the "gear" to open the settings:
Or click on Pop-up settings in the upper right corner:
2. Choose the width of the Shopping card: small, medium or large. You can also stretch the Shopping card to full screen - this way it will look like a page, not a popup:
3. Choose whether your cart will display an "X" to close the cart and adjust its appearance:
4. Tick on or off the Shopping card header:
The Shopping card header is displaced here:
5. Also, if needed, you can enable and set up the animation:
6. To go to the typical Block settings, click on the "gear" in the upper right corner of the basket. Use this guide to change the design of the block:
To go to the Column settings, click on the "gear" in the upper right corner of the Shopping card:
7. Optionally, select and set up Shipping methods and Payment methods at the bottom of the cart, if you haven't done so before:
You can also remove these two items if there are no pay or delivery options in your store.
Shopping cart widget settings
To change the appearance of the shopping cart widget, click on the round button with the bag icon in the upper right corner. Now, you will be able to access the color settings of the icon (1), select the icon to display (2) and set additional widget properties (3):
In the additional widget properties (3) from the General tab (A) you can change the shape, position, indents from the edge of the screen for the widget, the size of the icon and activate/deactivate the widget display when the cart is empty;
in the Background tab (B) you can set the background for the widget:
Important: Publish the website to make the changes go live.
Related Articles
Your Store settings
Apart from the product and category page settings, there are global store settings that let you control the store currency, price format, visibility in search etc. This article will guide you through the available store settings. General settings 1. ...Setting a Minimum Order Amount for Your Store
You can set a minimum order amount in your store. This feature is used to ensure that the order is profitable for you considering the costs of processing and delivering the products. Besides, certain payment providers may set a minimum charge for the ...Activating Shipment Methods
Set up shipment to allow your customers to choose a shipping method in your online store to receive their orders. You can add a shipping method based on two services: pick up from the store and courier delivery. Follow the instructions below to add ...Adding a Button to Buy a Product
You can add the "Go To Pay" action to any button, what will allow your customers to buy the product in "1 click". After clicking on the button, a shopping cart will automatically open. After filling in all the relevant information, a customer will be ...Product Card Settings
After setting up an online store on your site, you can edit the appearance of the product cards. Important: the online store is available for Pro sites only. Product card settings 1. To access the settings of the card, hover over the Product element ...