Extended Products Grid - Product additional - phone options

Extended Products Grid - Product additional - phone options

Navigate to the "Settings" tab.


To change options for the 'phone' attribute, click the "Phone" button.



You will see the following options:




  1. style - set the style for 'phone' attribute,
  2. decoration - set the decoration for the 'phone' attribute,
  3. font family - set the family font for the 'phone' attribute,
  4. color - set the color style for the 'phone' attribute,
  5. html element - set the html tag for the 'phone' 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 'phone' attribute. Provide value in px or %. For example, 200px or 20%,
  7. height - set the height for the 'phone' 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 additional - rating options

        Navigate to the "Settings" tab. To change options for the 'rating' attribute, click the "Rating" button. You will see the following options: style - set the style for 'rating' attribute, decoration - set the decoration for the 'rating' attribute, ...
      • Extended Products Grid - Product additional - website options

        Navigate to the "Settings" tab. To change options for the 'website' attribute, click the "Website" button. You will see the following options: style - set the style for 'website' attribute, hover style - set the hover style for the link attribute, ...
      • Extended Products Grid - Product additional - email options

        Navigate to the "Settings" tab. To change options for the 'email' attribute, click the "Mobile" button. You will see the following options: style - set the style for 'email' attribute, decoration - set the decoration for the 'email' attribute, font ...
      • Extended Products Grid - Product additional - vote options

        Navigate to the "Settings" tab. To change options for the 'vote' attribute, click the "Vote" button. You will see the following options: style - set the style for the 'vote' attribute, decoration - set the decoration for the 'vote' attribute, font ...