Product list
shortcode

Present the list of the noticeable products. Top rated products, recent, featured or products on sale in several clicks on your home page.
Read documentation
Usage frequency
76%
Preset amount
81%
Customizability
92%

Available options

Default code: [dfd_products_list posts_to_show="3" items_offset="20" columns="3"]

Style – Choose between 4 preset styles;

Animation – Choose between 14 preset animation effects;

Custom CSS Class – Type your own unique class name for the item – this is a useful option for those who want to create a specific style.
For example, you can type custom-style class and then go to Theme options -> Main Options -> Custom CSS and write your own CSS code with this class to get your own style;

Product settings – Choose what products should be displayed, set the number of products, space and number of columns;

Content elements – Choose the product elements you would like to show;

Box shadow – This option allows you to enable or disable the shadow for the idle and hover thumbnail;

Typography – Select letter spacing, font size and element tag. You can also choose the custom font family.

Default styles

Samples of preset styles without custom changes
button over image
button under image
with overlay
button over image