CM Product Directory (CMPD) - Views - Tiles View


Tiles View

Back to User Guide

Navigate to the  Admin Dashboard → CM Product Directory → Settings.

Click on the  Directory Appearance tab.

In the first section set  Tiles View as Current View.

Change the  heading level of the product name (this can be useful for SEO). In the example below, the product names will be inside h5 tags. Learn more about headings.

Select options for  Tiles View and save changes.

  • Products in a row - Set the number of products in a row shown in the directory index.
  • Products paddings - Set padding value. Use px/pt/em/% units (e.g. "0.5em").
  • Image container minimum height - If you use small images, set minimum height value to display image in the middle of the container. Use px/pt/em/% units (e.g. "220px").
  • Display title - Set "Yes" if you want to display product title below image.
  • Display border - Check this option if you want to display border around each product.
  • Show details button - Should the product box in the directory index include the "Details" button?

List View - Front-End

Below: Example display of the view with all of the options displayed.


More information about the CM Product Directory WordPress  Plugin

Other WordPress products can be found at CreativeMinds WordPress Store

Let us know how we can Improve this Product Documentation Page

To open a Support Ticket visit our support center
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.