Scroll

MotoCMS 3

MotoCMS eCommerce

MotoCMS Blog

Moto4

Welcome to our LiveChat! Please press "Start Chat" button to proceed

Start Chat

Shopping cart settings

In your online store, clicking the Buy/Order button will instantly add the product to the shopping cart.  To access it, customers just need to click on the cart icon, which opens a pop-up form for entering their contact details:

 

Screenshot 2024-06-05 at 23.11.33.png

 

The shopping cart comes with default fields such as name, phone, and email. To add more fields, follow the steps outlined below:

 

  • Access your site settings, go to your store settings, and select the Shopping Cart tab.

Screenshot 2024-06-06 at 00.04.18.png

  • Here, you can set a minimum order amount.

Screenshot 2024-06-06 at 00.05.56.png

  • To customize the default fields, click Edit.

Screenshot 2024-06-06 at 00.06.51.png

  • In the pop-up, select the field type, input your text, choose whether it is required, and click Save. Field options include short text, name, email, phone, comment, or long text. Short and long text fields are flexible and can be used for various needs, like capturing an address or specifying product size.

Screenshot 2024-06-06 at 00.24.23.png

  • To add new fields, click Add Field and to remove a field, click Delete beside it.

 

Screenshot 2024-06-06 at 00.27.42.png

  • You can also activate the payment method from this section.

Screenshot 2024-06-06 at 00.08.22.png

 

Design of the Shopping cart

To modify the design of the shopping cart, navigate to Pages and Popups, then go to the Store tab, and click the gear icon to open the settings:

 

Screenshot 2024-06-06 at 21.21.48.png

 

Choose the shopping cart's width: small, medium, or large. Alternatively, you can expand the shopping cart to full screen, giving it the appearance of a page instead of a popup.

 

Screenshot 2024-06-07 at 00.48.04.png

 

Decide if your cart will include an "X" to close it and customize its appearance:

Screenshot 2024-06-07 at 00.52.04.png

The shopping cart header is located here:

Screenshot 2024-06-07 at 00.56.31.png

You can also enable and configure the animation if needed:

Screenshot 2024-06-07 at 00.59.56.png

f needed, you can optionally choose and configure Shipping methods and Payment methods:

 

Screenshot 2024-06-07 at 01.06.03.png

 

Shopping cart widget

 

To customize the appearance of the shopping cart widget, click on the circular button with the bag icon located in the upper right corner.

From there, you'll have access to the color settings for the icon, where you can select the icon to display and configure additional widget properties:

 

Screenshot 2024-06-07 at 01.09.14.png

Also, you can modify the shape, position, screen edge margins for the widget, icon size, and toggle the display of the widget when the cart is empty:

 

Screenshot 2024-06-07 at 01.11.55.png

Have more questions? Submit a request

Comments