Single product
shortcode

Present the most amazing product on your home page. Let the users know all the hot offers available.
Read documentation
Usage frequency
80%
Preset amount
86%
Customizability
97%

Available options

Default code: [dfd_single_product single_custom_post_item="15014" post_image_width="600"]

Style – Choose between 2 preset styles;

Info style – Select among 9 info position 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 to display – Choose the product you would like to display;

Image type – Specify the image type for the single product. Set the featured image or upload the custom image;

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

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

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

Border around the product – Allows you to enable the border and customize it;

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
hovered style

Midi bodycon dress

Integer venenatis mi non libero

$154.00
Midi bodycon dress

Midi bodycon dress

Integer venenatis mi non libero

$154.00
Midi bodycon dress

Midi bodycon dress

Integer venenatis mi non libero

$154.00
Midi bodycon dress
simple style

Midi bodycon dress

Integer venenatis mi non libero

$154.00
Midi bodycon dress
simple style

Midi bodycon dress

Integer venenatis mi non libero

$154.00
Midi bodycon dress