Look for the “Add to Cart” widget in the Product widgets. Configure the widget’s settings, appearance, and content according to your preferences.
It has 3 tabs: Content, Style, and Advanced.
1. Content
This tab has Quantity and Add to Cart sections.
1.1 Quantity:. Select a style for the quantity field. Adjust the field width, button width, and height. Choose your preferred increment and decrement icons.
Activate the option to show the compare button and insert a compare text. Enter a button separator.
1.2 Add to Cart: You can switch on to enable Ajax add to cart. Select the cart icon. Adjust the icon alignment and gap.
2. Style
The style tab has 4 sections: Button, Price, Quantity, and Variations.
2.1 Button: Adjust the button’s typography, color, background color, border type, and icon size.
2.2 Price: Modify the price typography, color, and margin.
2.3 Quantity: Personalize the quantity field style and quantity wrapper style according to your preference.
2.4 Variations: Customize the label typography, stock typography, colors, borders, etc as your choice.
