> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weblium.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/en1_a6pdd3.png)

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. 

||| ${color}[#f97700](Important:) The online store is available for Business sites only.

# Shopping cart settings

1. Open your site settings, your store settings, and go to the **Shopping cart** tab:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/en2_18dz5f3.png)

2. Here you can set the minimum order amount:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/en3_10dpje0.png)

3. To change the default fields in the form, click **Edit**:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/en4_142pk2p.png)

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**:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/en5_1jnqv9h.png)

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.

|| ${color}[#ffa800](Note:) You can create fields in any language.

5. If you want to add more fields, click **Add field** below:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/en6_1yg5ao6.png)

6. To delete a field, click **Delete** near it:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/en7_15lgmnc.png)

7. You can also enable payment method here:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/en8_1fcxpya.png)

Use this [guide](https://help.weblium.com/en-us/article/changing-the-language-of-the-online-store-16s3hhq/) 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:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/en9_4o6b7t.png)

Or click on **Pop-up settings** in the upper right corner:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/en10_x96u9i.png)

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:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/en11_13t4931.png)

3. Choose whether your cart will display an "X" to close the cart and adjust its appearance:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/en12_1s0lmmk.png)

4. Tick on or off the Shopping card header:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/en13_wwurm7.png)

The Shopping card header is displaced here:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/en13a_17qtwhe.png)

5. Also, if needed, you can enable and set up the animation:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/en14_nhyb0w.png)

6. To go to the typical **Block settings**, click on the "gear" in the upper right corner of the basket. Use this [guide](https://help.weblium.com/uk/article/zmina-dizajnu-bloku-1tpp5tl/) to change the design of the block:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/en15_4i0id6.png)

To go to the **Column settings**, click on the "gear" in the upper right corner of the Shopping card:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/en16_1rcmjyt.png)

7. Optionally, select and set up **Shipping methods** and **Payment methods** at the bottom of the cart, if you haven't done so before:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/en17_kb3nal.png)

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):

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/group-126_1l2xb2y.png)

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;

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/group-124_1lfbetz.png)

in the Background tab (B) you can set the background for the widget:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/group-125_1r9lz66.png)

||| ${color}[#f97700](Important:) [Publish the website](https://help.weblium.com/en-us/article/publishing-a-site-tgxmch/) to make the changes go live.