Extended Products Grid - Other options

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:






  1. Position - select static, relative, or absolute position for extended products grid element,
  2. left - horizontal position of the element's left edge. Available when position relative or absolute is set,
  3. right - horizontal position of the element's right edge. Available when position relative or absolute is set,
  4. bottom - horizontal position of the element's bottom edge. Available when position relative or absolute is set,
  5. z index - set this element below/above other elements. Available when position relative or absolute is set,
  6. margin - set the vertical margin,
  7. max width - set the maximum width for content,
  8. max width breakpoint -  select the device that will apply the 'max width' breakpoint. Available when the 'max width' option is not 'None',
  9. block alignment - select the alignment for the whole block in a case when the content container exceeds the element max-width,
  10. block alignment breakpoint -  select the device that will apply the alignment for 'block alignment' option,
  11. block alignment fallback - select an alignment fallback for the device below the breakpoint. Available when the 'block alignment breakpoint' option is not 'Always',
  12. text alignment - choose the text alignment. This option may not work for every HTML dynamic content attribute,
  13. text alignment breakpoint - select the device width from which the alignment will apply,
  14. text alignment fallback - select an alignment fallback for device widths below the breakpoint. Available when the 'text alignment breakpoint' option is not 'Always',
  15. animation - select the animation for element,
  16. visibility - show or hide this element on a specific device.
      • Related Articles

      • 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

        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 - 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 ...
      • Simple products grid

        Simple products grid element is an element for the products list. This element is a simplified element based on the Extended Products Grid.