Extended Products Grid - Cart - add to cart options
Navigate to the "Settings" tab.
To change options for the 'add to cart' attribute, click the "Add to cart" button.
You will see the following options:
- margin top - set the margin top.
To configure options related to positioning, check the 'click to determine the position and size' checkbox.
- position - select static, relative, or absolute position,
- left - set the horizontal position of the element's left edge. Available when position relative or absolute is set,
- right - set the horizontal position of the element's right edge. Available when position relative or absolute is set,
- top - set the horizontal position of the element's top edge. Available when position relative or absolute is set,
- bottom - set the horizontal position of the element's bottom edge. Available when position relative or absolute is set,
- width - set the width for the 'add to cart' attribute. Provide value in px or %. For example, 200px or 20%,
- height - set the height for the 'add to cart' attribute. Provide value in px or %. For example, 200px or 20%,
- z index - set this element below/above other elements. Available when position relative or absolute is set,
- click to position this element inline with the bottom one and the upper one - checking this option will set the attribute inline.
Related Articles
Extended Products Grid
Extended Products Grid element is strongly recommended for building products list view. Adding Extended Products Grid element To use Extended Products Grid, navigate to your section in YooTheme Builder: Add a new element to the section. Extended ...Extended Products Grid - Other options
Navigate to the "Settings" tab. To change other grid options, click the "Other" button. You will see the following options: Position - select static, relative, or absolute position for extended products grid element, left - horizontal position of the ...Extended Products Grid - Grid options
Navigate to the "Settings" tab. To configure grid options, click the "Grid" button. You will see the following options: Enable masonry effect - creates a layout free of gaps if items have different heights, Parallax - moves single grid columns at ...Extended Products Grid - Columns options
Navigate to the "Settings" tab. To configure the columns options, click the "Columns" button. You will see the following options: Those options allow changing a number of grid columns depending on which device the user is using.Extended Products Grid - Panel options
Navigate to the "Settings" tab. To configure panel options, click the "Panel" button. You can see the following options: Style - choose card style for the panel, Padding - choose padding for the content, Max width - choose the maximum width of the ...