Extended Products Grid - Category - button options
Category - button options
Navigate to the "Settings" tab
To change position and button options for the 'category button' attribute, click the "Category Button".
You will see the following options:
-
category icon - select an icon for the 'category button'
-
icon alignment - select alignment of an icon. Available when the 'category icon' option is set
-
style - set the style for the 'category button'
-
margin top - set the top margin for this attribute
-
size - set the size of the button
-
full width button - set the full width button
-
column gap - set the size of the column gap between the 'category button'
-
row gap - set the size of the row gap between the 'category button'
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 'category button' attribute. Provide value in px or %. For example, 200px or 20%
-
height - set the height for the 'category button' 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