Checkout Config: Products Loop/Paging

« Products & Images

Checkout > Configuration > Products Loop/Paging

NOTE: The screenshots on this post have been taken from one section in the configuration. It has been split up for convenience and so that it is easier to follow. The screenshots are listed in the top-right “X of 3” and the settings in the screenshot are explained below the relevant screenshot.

1. Display

This is set to “Grid View” by default. It specifies how products should be displayed in the loop. The grid view is a nice compact structure that fits 3 products per line. The alternative “List View” shows each item as an excerpt (image, shortened description, button and ‘how many’ field). Each item takes up the page width and is displayed one below the other.

2. Show Fields

Set this option to “Yes” if you would like Custom Fields and Product Variations to be shown in the product loop. Please note:  It only works with list view, not with grid view.

3. Allow Chancing of View Mode

If this option is set to “Yes” you give the customer the option to switch between List or Grid view when on the product loop. This appears at 2 little icons at the top-right of the loop.

4. Sorting options

If this option is set to “Yes“customers can sort the products by title, price or date. This is displayed with the icons mentioned at option number 3 (changing of view mode)

5. Default Order Field

With this option you can choose if you would like you products to be sorted by title, price or date.

6. Default Order direction

This set whether products are displayed in ascending (A to Z) or descending order (Z to A). This option is used in conjunction with the “Default Order Field” mentioned at option number 5.

7. Product Title Position

This is the position of the Product image. The default is set “Above Image” and “Below Image” likewise changes the position of the title to below the image.

8. Truncate Titles

Truncate product titles allows you to Truncate long titles by X amount of characters . By default this field is empty which is to ignore the setting (long titles will not be truncated). If your product titles cause an uneven product grid due to them being too long, then you may wish to only display the first X character to avoid the wrapping.

9. Truncate Descriptions

Selection this option by entering a character amount in the input field, will cause the product description in the products loop to be truncated to X number of characters. It will also cause any HTML (such as paragraph breaks) to be stripped from the text, and additional product features such as product variations and price tiers to be not displayed in the products loop. Leaving the field empty will have the opposite effect, displaying the full description with paragraphs and other product features including product variations and price tiers.

10. Product Per page

By default this is set to “6“. This determines the amount of products to show per page. If the total number of products exceeds this value then the plugin creates a ‘paging’ option which allows customers to navigate through pages of products.

11. Zero Price Text

The default is set as ‘Configure for Price’. This is text that you want to display to users if a product has a zero price.

A zero price for a product is useful if you want the product’s price to be determined by the selection of Custom Fields and Product Variations.

12. Show Add/Buy Button

The default is “Yes” and displays a buy button with each product.  Changing this to “No” removes the Buy button, in which case the customer needs to navigate to the individual product page in order to add the item to their cart.

13. Display “How Many”

This is set to “Yes” by default. This option displays a “how many” text box for quantity of the product being added, with the default quantity being 1.

14. Link Thumbnail to

You can choose either to link your thumbnails the product pages or to a larger image. Simply click to appropriate button for your choice.

15. Thumbnail Dimensions

This is set to 125px by 125 px (pixels). Remember that you must upload an image larger than the value set for the dimensions. Smaller images will cause the plugin to generate an error and you will not be able to save the product info.

16. Thumbnail Quality

Here you can decide on the quality of your thumbnails. If you have a lot of thumbnails loading in your product loop it might be a good idea to reduce the thumbnail quality so the page loads quicker.

17. Short Search Results

If this setting is set to “Yes” it will essentially show an ‘excerpt’ of products which are returned in the search results.