Product category
shortcode

Display product categories on your home page. Customize the shortcode to impress your visitors.
Read documentation
Usage frequency
71%
Preset amount
81%
Customizability
92%

Available options

Default code: [dfd_products_category category_id="94" post_image_width="600"]

Style – Choose between 7 preset styles;

Animation – Choose between 14 preset animation effects;

Category to display – Choose the product category you would like to display;

Content – Enter the title and the subtitle for the category;

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;

Image size – Set the width and height for the product category image;

Color settings – Choose the colors for the mask background and category name background;

Content alignment – Allows you to align the content elements horizontally;

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
several styles
Products category image
Dapibus quis sem

Amazing
accessories

Products category image
Phasellus nunc

Top notch
shoes

Products category image
Laoreet mauris

Stylish
dresses

Products category image
Maecenas tempor

Fashion
bags