Extended Products Grid - Product content - availability information

Extended Products Grid - Product content - availability information

Navigate to the "Settings" tab.


To change options for the 'availability information' attribute, click the "Availability information" button.



You will see the following options:




  1. style - set the style for 'availability information' attribute,
  2. decoration - set the decoration for the 'availability information' attribute,
  3. font family - set the family font for the 'availability information' attribute,
  4. color - set the color style for the 'availability information' attribute,
  5. html element - set the html tag for the 'availability information' attribute,
  6. 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. width - set the width for the 'availability information' attribute. Provide value in px or %. For example, 200px or 20%,
  7. height - set the height for the 'availability information' attribute. Provide value in px or %. For example, 200px or 20%,
  8. z index -  set this element below/above other elements. Available when position relative or absolute is set,
  9. 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 - Product content - title options

        Navigate to the "Settings" tab. To change options for the 'title' attribute, click the "Title" button. You will see the following options: style - set the style for 'title' attribute, link attribute - link the title to the product view if the link is ...
      • Product dynamic content

        Dynamic content attributes Product dynamic content attributes have 7 different groups. Product The product group has commonly used attributes. product id - product's id name - product's name intro description - product's intro description, ...
      • Products - dynamic content

        Products -  dynamic content is recommended for yootheme multiple items elements. Advanced options This dynamic content has additional advanced options that can be set: start - set the starting point for the products list, quantity - set the number of ...
      • 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 ...