Heading | | Description | Cart Layout | | Select the layout of cart components. Floated will have components side by side. Stacked will have one component per row. |
Cart Alignment | | Select the content alignment. |
Show Variations | | Display the variations if product type is variable. |
Show Quantity | | Display the quantity input. |
Show Add To Cart | | Display the Add To Cart button. |
Show Product Link | | Display the Product Link . |
Product Quick View | | Enable product quick view for products. |
Buttons Span | | Controls if buttons spans the full width/remaining width of row. |
Buttons Layout | | Select the layout for buttons. Floated will have them side by side. Stacked will have one per row. |
Buttons Alignment | | Select the content alignment. |
Element Visibility | | Choose to show or hide the element on small, medium or large screens. You can choose more than one at a time. |
CSS Class | | Add a class to the wrapping HTML element. |
CSS ID | | Add an ID to the wrapping HTML element. |
Heading | | Description | Margin | | In pixels or percentage, ex: 10px or 10%. |
Quantity Style | | Select whether you want to custom style the quantity field. |
Quantity Margin | | In pixels or percentage, ex: 10px or 10%. |
Quantity Input Dimensions | | Enter values including any valid CSS unit, ex: 10px. |
Quantity Border Radius | | Enter values including any valid CSS unit, ex: 10px. |
Quantity Input Font Size | | Controls the font size of the select field. Enter value including any valid CSS unit, ex: 20px. |
Quantity Input Text Color | | Controls the text color of the select fields. |
Quantity Input Background Color | | Controls the background color of the select fields. |
Quantity Input Border Size | | Controls the border size of the select fields. |
Quantity Input Border Color | | Controls the border color of the select fields. |
Quantity Button Border Size | | Controls the border size of the select fields. |
Quantity Button Text Color | | Controls the text color of the select fields. |
Quantity Button Background Color | | Controls the background color of the select fields. |
Quantity Button Border Color | | Controls the border color of the select fields. |
Add To Cart Link Style | | Select whether you want to custom style the add to cart button. |
Add To Cart Margin | | In pixels or percentage, ex: 10px or 10%. |
Button Size | | Controls the button size. |
Button Border Size | | Controls the border size. In pixels. |
Icon | | Click an icon to select, click again to deselect. |
Icon Position | | Choose the position of the icon on the button. |
Add To Cart Link Font Size | | Controls the font size of the text link. Enter value including any valid CSS unit, ex: 20px. |
Link Text Color | | Controls the text color of the link. |
Button Text Color | | Controls the text color of the button. |
Button Gradient Top Color | | Controls the text color of the button. |
Button Gradient Bottom Color | | Controls the text color of the button. |
Button Border Color | | Controls the border color of the button. |
Product Link Style | | Select whether you want to custom style the product link. |
Product Link Margin | | In pixels or percentage, ex: 10px or 10%. |
Product Link Font Size | | Controls the font size of the text link. Enter value including any valid CSS unit, ex: 20px. |
Product Link Text Color | | Controls the text color of the link. |
Button Size | | Controls the button size. |
Button Border Size | | Controls the border size. In pixels. |
Icon | | Click an icon to select, click again to deselect. |
Icon Position | | Choose the position of the icon on the button. |
Button Text Color | | Controls the text color of the button. |
Button Gradient Top Color | | Controls the text color of the button. |
Button Gradient Bottom Color | | Controls the text color of the button. |
Button Border Color | | Controls the border color of the button. |
Heading | | Description | | | |
Variation Layout | | Select the layout for the variations. Floated will have the label and select side by side. Stacked will have one per row. |
Show Label | | Display the variation attribute label. |
Label Typography | | Controls the typography of the label text. Leave empty for the global font family. |
Label Width | | Leave empty for automatic width. Enter values including any valid CSS unit, ex: 10px. |
Text Alignment | | Select the text alignment for the variation label and variation swatches. |
Swatch Style | | Select whether you want to custom style the Avada variation swatches. |
Swatch Item Margin | | In pixels or percentage, ex: 10px or 10%. |
Swatch Border Size | | Controls the border size of the color, image and button swatch fields. |
Swatch Styling | | |
Swatch Background Color | | Controls the background color of the color, image and button swatch fields. |
Swatch Border Color | | Controls the border color of the color, image and button swatch fields. |
Color Swatch Dimensions | | Enter values including any valid CSS unit, ex: 10px. |
Color Swatch Padding | | Controls the padding of the color swatches. Enter values including any valid CSS unit, ex: 10px or 10%. |
Color Swatch Border Radius | | Enter values including any valid CSS unit, ex: 10px. |
Image Swatch Dimensions | | Enter values including any valid CSS unit, ex: 10px. |
Image Swatch Padding | | Controls the padding of the image swatches. Enter values including any valid CSS unit, ex: 10px or 10%. |
Image Swatch Border Radius | | Enter values including any valid CSS unit, ex: 10px. |
Button Swatch Dimensions | | Enter values including any valid CSS unit, ex: 10px. Leave empty for auto. |
Button Swatch Padding | | Controls the padding of the button swatches. Enter values including any valid CSS unit, ex: 10px or 10%. |
Button Swatch Border Radius | | Enter values including any valid CSS unit, ex: 10px. |
Button Swatch Font Size | | Controls the font size of the button swatches. Enter value including any valid CSS unit, ex: 20px. |
Button Swatch Text Color | | Controls the text color of the button swatches. |
Select Style | | Select whether you want to custom style the select fields for variations. |
Select Height | | Enter values including any valid CSS unit, ex: 10px. |
Select Typography | | Controls the typography of the Select option. Leave empty for the global font family. |
Select Background Color | | Controls the background color of the select fields. |
Select Border Size | | Controls the border size of the select fields. |
Select Border Color | | Controls the border color of the select fields. |
Select Border Radius | | Enter values including any valid CSS unit, ex: 10px. |
Variation Clear | | Controls how you want to disable the variation clear link. |
Clear Content | | Controls the content type for the clear link. Default will use WooCommerce text string. |
Clear Icon | | Click an icon to select, click again to deselect. |
Clear Text | | Custom text to use for the variation clear link. |