Extended Products Grid - Category - image options

Extended Products Grid - Category - image options

Navigate to the "Settings" tab.


To change position and image options for the 'category image' attribute, click the "Category Image" button.



You will see the following options:




  1. width - set the width for the 'category image' attribute. Provide value in px or %. For example, 200px or 20%,
  2. height - set the height for the 'category image' attribute. Provide value in px or %. For example, 200px or 20%,
  3. border - set the image's border style,
  4. box shadow - set the image's box shadow size,
  5. box decoration - set the image's box decoration style,
  6. link image - link the image to the category view if the link is provided in the 'content' tab,
  7. hover transition - set the hover transition for a linked image. This option is available if the 'link image' option is checked,
  8. hover box shadow - set the image's box shadow size on hover. This option is available if the 'link image' option is checked,
  9. vertical alignment - center the image vertically,
  10. margin top - set the margin top.
To configure options related to positioning, check the 'click to determine the position and size' checkbox.




  1. position - select static, relative, or absolute position,
  2. left - set the horizontal position of the element's left edge. Available when position relative or absolute is set,
  3. right - set the horizontal position of the element's right edge. Available when position relative or absolute is set,
  4. top - set the horizontal position of the element's top edge. Available when position relative or absolute is set,
  5. bottom - set the horizontal position of the element's bottom edge. Available when position relative or absolute is set,
  6. z index -  set this element below/above other elements. Available when position relative or absolute is set,
  7. 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 - Producer - image options

        Navigate to the "Settings" tab. To change position and image options for the 'producer image' attribute, click the "Producer Image" button. You will see the following options: width - set the width for the 'producer image' attribute. Provide value in ...
      • Extended Products Grid - Product media - image options

        Navigate to the "Settings" tab. To change position and image options for the 'product image' attribute, click the "Product Image" button. You will see the following options: width - set the width for the 'product image' attribute. Provide value in px ...
      • Extended Products Grid - 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 - ...
      • 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 ...