Extended Products Grid element is strongly recommended for building products list view. 

Adding Extended Products Grid element

Configuration

1. Content - Allows to add new items and set display options. You can decide which content attributes should be displayed by checking show buttons,
   
2. Ordering - This tab allows specifying the ordering of content attributes,
   
3. Settings - This tab allows configuring options for content attributes (for example, position, dimensions),
   
4. Advanced - This tab is the default one for yootheme elements.
   

Adding dynamic content

Setting the ordering of attributes.

extended products grid - gif showing how the ordering works

Settings

General options

1. Panel options,
   
2. Grid options,
   
3. Columns options,
   
4. Other options.
   

Labels options

1. Labels options.
   

Autolabels options

1. Autolabels options.
   

Product media options

1. Image options,
   
2. Video options.
   

Category options

1. Image options,
   
2. Button options.
   

Producer options

1. Image options,
   
2. Button options.
   

Product content

1. Title options,
   
2. Sku options,
   
3. Hits options,
   
4. Availability information options,
   
5. Created by options,
   
6. Created on options,
   
7. Price options,
   
8. Wishlist options,
   
9. Introdescription options,
   
10. Description options,
    
11. Attributes options.
    

Readmore options

1. Button options.
   

Cart options

1. Add to cart options.
   

Product additional options

1. Address options,
   
2. City options,
   
3. Postcode options,
   
4. Country options,
   
5. State options,
   
6. Phone options,
   
7. Mobile options,
   
8. Fax options,
   
9. Website options,
   
10. Email options,
    
11. Rating options,
    
12. Vote options.
    

Content attributes

1. label - field reserved for custom labels that are assigned to the product,
   
2. autolabels - field reserved for automatically generated labels (featured products will have featured labels generated automatically).
   

1. image - field reserved for the product's image,
   
2. image alt - field reserved for the product's image alt,
   
3. link - field reserved for the product's image link. If the linking option is set for the product image, the image will navigate the link attribute.
   

1. video - field reserved for the product's video,
   
2. width - set the width of the product's video. This option is shown when the video field is set,
   
3. height - set the height of the product's video. This option is shown when the video field is set,
   
4. options (visible when the video field is set):
   
1. show controls - show controls for the video element. This option doesn't work for linked videos,
   
2. loop video - loop the video. This option doesn't work for linked videos,
   
3. mute video - mute the video. This option doesn't work for linked videos,
   
4. play inline on mobile devices -  this option doesn't work for linked videos,
   
5. lazy load video - use lazy load option for video attribute.
   
5. autoplay - choose if the video should be played automatically,
   
6. poster frame - field reserved for the product's video poster frame.
   

1. category button content - field reserved for the category button content,
   
2. category image -  field reserved for the category image,
   
3. image alt - field reserved for the category image alt,
   
4. link - field reserved for the category link,
   
5. link title - field reserved for the category link title,
   
6. category link target -  select the target for category link attribute (same window, new window, or modal view).
   

1. producer button content - field reserved for the producer button content,
   
2. producer image -  field reserved for the producer image,
   
3. image alt - field reserved for the producer image alt,
   
4. link - field reserved for the producer link,
   
5. link title - field reserved for the producer link title,
   
6. producer link target -  select the target for producer link attribute (same window, new window, or modal view).
   

1. title - field reserved for product's title,
   
2. link - field reserved for the link to the product.
   

1. sku - field reserved for the product's sku.
   

1. hits - field reserved for the product's hits.
   

1. information about availability - field reserved for the product's information about availability.
   

1. created by - field reserved for the product's author.
   

1. created on - field reserved for the date when the product was created.
   

1. price - field reserved for the product's price.
   

1. compare - field reserved for the add to compare checkbox.
   

1. wishlist - field reserved for the add to wishlist button.
   

1. intro description - field reserved for product's intro description,
   
2. description - field reserved for product description.
   

1. attributes - field reserved for product's attributes.
   

1. readmore - field reserved for the readmore button content,
   
2. link - link for the readmore button,
   
3. link title - link title for the readmore button,
   
4. readmore link target - select the target for the readmore link attribute (same window, new window, or modal view).
   
5. readmore icon - select the icon for the readmore button,
   
6. readmore icon alignment - select the alignment for the readmore button's icon.
   

1. add to cart - field reserved for the cart attribute.
   

1. address - field reserved for the product's address,
   
2. city - field reserved for the product's city,
   
3. postcode - field reserved for the product's postcode,
   
4. country - field reserved for the product's country, 
   
5. state - field reserved for the product's state,
   
6. phone - field reserved for the product's phone,
   
7. mobile - field reserved for the product's mobile,
   
8. fax - field reserved for the product's fax,
   
9. website - field reserved for the product's website,
   
10. rating - field reserved for the product's rating,
    
11. vote - field reserved for the product's vote.