[dfd_spacer screen_wide_spacer_size=”80″ screen_normal_resolution=”1280″ screen_tablet_resolution=”1024″ screen_mobile_resolution=”800″ screen_wide_resolution=”1280″ screen_normal_spacer_size=”60″ screen_tablet_spacer_size=”50″ screen_mobile_spacer_size=”40″]
[dfd_heading subtitle=”Present the most amazing product on your home page. Let the users know all the hot offers available. ” content_alignment=”text-left” module_animation=”transition.slideLeftBigIn” enable_delimiter=”” title_font_options=”tag:h3|font_size:42|font_family:MontserratBlack|line_height:42|letter_spacing:0″ subtitle_font_options=”tag:div|font_size:15|color:%234c4c4c|line_height:32″ subheading_margin=”margin-top:20″ undefined=”” title_responsive=”font_size_tablet:38|line_height_tablet:38|font_size_mobile:28|line_height_mobile:28″]Single product
shortcode[/dfd_heading][dfd_spacer screen_wide_spacer_size=”20″ screen_normal_resolution=”1280″ screen_tablet_resolution=”1024″ screen_mobile_resolution=”800″ screen_wide_resolution=”1280″ screen_normal_spacer_size=”20″ screen_tablet_spacer_size=”20″ screen_mobile_spacer_size=”20″][dfd_button button_text=”Read documentation” alignment=”text-left” module_animation=”transition.slideLeftBigIn” select_icon=”dfd_icons” border=”border_style:dashed|border_width:1|border_radius:50|border_color:%23d3d3d3″ main_style=”style-3″ buttom_link_src=”url:http%3A%2F%2Fnativewptheme.net%2Fsupport%2Fvisual-composer%2Fwoocommerce-single-product||target:%20_blank|” box_shadow=”box_shadow_enable:disable|shadow_horizontal:0|shadow_vertical:15|shadow_blur:50|shadow_spread:0|box_shadow_color:rgba(0%2C0%2C0%2C0.35)” hover_box_shadow=”box_shadow_enable:disable|shadow_horizontal:0|shadow_vertical:15|shadow_blur:50|shadow_spread:0|box_shadow_color:rgba(0%2C0%2C0%2C0.35)” padding_top=”17″ padding_bottom=”17″ ic_dfd_icons=”dfd-socicon-paper” text_color=”#2d2d2d” ic_color=”#232323″ background=”rgba(255,255,255,0.01)” hover_text_color=”#ffffff” hover_ic_color=”#333333″ hover_background=”#3498db” tutorials=”” undefined=””][dfd_spacer screen_wide_spacer_size=”60″ screen_normal_resolution=”1280″ screen_tablet_resolution=”1024″ screen_mobile_resolution=”800″ screen_wide_resolution=”1280″ screen_normal_spacer_size=”40″ screen_tablet_spacer_size=”40″ screen_mobile_spacer_size=”40″][dfd_progressbar percent=”80″ title=”Usage frequency” height_progress_line=”36″ back_line_border=”border_style:none” main_layout=”layout-3″ font_options=”tag:div|font_size:13″ number_font_options=”tag:div” back_line_background=”rgba(255,255,255,0.01)” progress_background_color=”#6ac3ff” animate_progress=”anim_progress” undefined=””][dfd_progressbar percent=”86″ title=”Preset amount” height_progress_line=”36″ back_line_border=”border_style:none” main_layout=”layout-3″ font_options=”tag:div|font_size:13″ number_font_options=”tag:div” back_line_background=”rgba(255,255,255,0.01)” progress_background_color=”#49a9e9″ animate_progress=”anim_progress” undefined=””][dfd_progressbar percent=”97″ title=”Customizability” height_progress_line=”36″ back_line_border=”border_style:none” background_style=”gradient_background” main_layout=”layout-3″ font_options=”tag:div|font_size:13″ number_font_options=”tag:div” back_line_background=”rgba(255,255,255,0.01)” animate_progress=”anim_progress” progress_background_gradient=”gradient_style:left|gradient_css:background%3A%20url(data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjojMzQ5OERCOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNFRTM2NTg7IiAvPjwvbGluZWFyR3JhZGllbnQ%2BPC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg%3D%3D)%3B%0Abackground%3A%20-webkit-gradient(linear%2C%20left%20top%2C%20left%20bottom%2C%20color-stop(0%25%2C%20%233498DB)%2C%20color-stop(100%25%2C%20%23EE3658))%3B%0Abackground%3A%20-moz-linear-gradient(left%2C%233498DB%200%25%2C%23EE3658%20100%25)%3B%0Abackground%3A%20-webkit-linear-gradient(left%2C%233498DB%200%25%2C%23EE3658%20100%25)%3B%0Abackground%3A%20-o-linear-gradient(left%2C%233498DB%200%25%2C%23EE3658%20100%25)%3B%0Abackground%3A%20-ms-linear-gradient(left%2C%233498DB%200%25%2C%23EE3658%20100%25)%3B%0Abackground%3A%20linear-gradient(left%2C%233498DB%200%25%2C%23EE3658%20100%25)%3B|gradient_value:0%25%20%233498DB%2C100%25%20%23EE3658″ undefined=””][dfd_spacer screen_wide_spacer_size=”0″ screen_normal_resolution=”1280″ screen_tablet_resolution=”1024″ screen_mobile_resolution=”800″ screen_wide_resolution=”1280″ screen_normal_spacer_size=”0″ screen_tablet_spacer_size=”60″ screen_mobile_spacer_size=”50″]
[dfd_heading style=”style_09″ subtitle=”” content_alignment=”text-left” module_animation=”transition.slideRightBigIn” enable_delimiter=”” title_font_options=”tag:h3|font_size:21|font_family:MontserratBlack” subtitle_font_options=”tag:h6″ undefined=””]Available options[/dfd_heading][dfd_spacer screen_wide_spacer_size=”20″ screen_normal_resolution=”1280″ screen_tablet_resolution=”1024″ screen_mobile_resolution=”800″ screen_wide_resolution=”1280″ screen_normal_spacer_size=”20″ screen_tablet_spacer_size=”20″ screen_mobile_spacer_size=”20″][dfd_announcement module_animation=”transition.slideRightBigIn” content_announcement=”Default code: `{`dfd_single_product single_custom_post_item=“15014“ post_image_width=“600“`}`” ic_dfd_icons=”dfd-socicon-code” main_border=”border_style:none” icon_size=”14″ ic_fontawesome=”fa fa-code” main_style=”style-1″ full_width_background=”show” undefined=””][dfd_spacer screen_wide_spacer_size=”20″ screen_normal_resolution=”1280″ screen_tablet_resolution=”1024″ screen_mobile_resolution=”800″ screen_wide_resolution=”1280″ screen_normal_spacer_size=”20″ screen_tablet_spacer_size=”20″ screen_mobile_spacer_size=”20″]

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.

[dfd_spacer screen_wide_spacer_size=”120″ screen_normal_resolution=”1280″ screen_tablet_resolution=”1024″ screen_mobile_resolution=”800″ screen_wide_resolution=”1280″ screen_normal_spacer_size=”70″ screen_tablet_spacer_size=”50″ screen_mobile_spacer_size=”40″][dfd_heading subtitle=”Samples of preset styles without custom changes” module_animation=”transition.expandIn” enable_delimiter=”” title_font_options=”tag:h3|font_family:MontserratBlack” subtitle_font_options=”tag:div|font_size:14|color:%23606060|line_height:30″ subheading_margin=”margin-bottom:25″ undefined=”” title_responsive=”font_size_mobile:28|line_height_mobile:33″]Default styles[/dfd_heading][dfd_delimiter delimiter_style=”dfd-delimiter-with-text” text_delimiter=”hovered style” undefined=””][dfd_spacer screen_wide_spacer_size=”40″ screen_normal_resolution=”1280″ screen_tablet_resolution=”1024″ screen_mobile_resolution=”800″ screen_wide_resolution=”1280″ screen_normal_spacer_size=”40″ screen_tablet_spacer_size=”40″ screen_mobile_spacer_size=”40″]
[dfd_single_product module_animation=”transition.slideUpBigIn” single_custom_post_item=”20132″ image_type=”media_library” post_image_width=”450″ post_image_height=”556″ post_content_style=”full_front” title_font_options=”tag:h3|font_size:20|line_height:32″ subtitle_font_options=”tag:h4″ custom_image=”20285″][dfd_spacer screen_wide_spacer_size=”” screen_normal_resolution=”1280″ screen_tablet_resolution=”1024″ screen_mobile_resolution=”800″ screen_mobile_spacer_size=”20″]
[dfd_single_product content_position=”left-center” module_animation=”transition.slideUpBigIn” single_custom_post_item=”20132″ image_type=”media_library” post_image_width=”450″ post_image_height=”556″ post_content_alignment=”text-left” post_content_style=”full_front” title_font_options=”tag:h3|font_size:20|line_height:32″ subtitle_font_options=”tag:h4″ custom_image=”20255″][dfd_spacer screen_wide_spacer_size=”” screen_normal_resolution=”1280″ screen_tablet_resolution=”1024″ screen_mobile_resolution=”800″ screen_mobile_spacer_size=”20″]
[dfd_single_product content_position=”right-center” module_animation=”transition.slideUpBigIn” single_custom_post_item=”20132″ image_type=”media_library” post_image_width=”450″ post_image_height=”556″ post_content_alignment=”text-right” post_content_style=”full_front” title_font_options=”tag:h3|font_size:20|line_height:32″ subtitle_font_options=”tag:h4″ custom_image=”20330″]
[dfd_spacer screen_wide_spacer_size=”40″ screen_normal_resolution=”1280″ screen_tablet_resolution=”1024″ screen_mobile_resolution=”800″ screen_wide_resolution=”1280″ screen_normal_spacer_size=”40″ screen_tablet_spacer_size=”40″ screen_mobile_spacer_size=”40″]
[dfd_delimiter delimiter_style=”dfd-delimiter-with-text” text_delimiter=”simple style” undefined=””][dfd_spacer screen_wide_spacer_size=”40″ screen_normal_resolution=”1280″ screen_tablet_resolution=”1024″ screen_mobile_resolution=”800″ screen_wide_resolution=”1280″ screen_normal_spacer_size=”20″ screen_tablet_spacer_size=”20″ screen_mobile_spacer_size=”20″][dfd_single_product content_position=”center-top” module_animation=”transition.slideUpBigIn” single_custom_post_item=”20132″ image_type=”media_library” post_image_width=”1000″ post_image_height=”1000″ single_product_border=”border_style:none|border_top_width:20|border_bottom_width:20|border_left_width:20|border_right_width:20|border_color:%23efefef” post_content_style=”full” title_font_options=”tag:h3|font_size:20|line_height:32″ subtitle_font_options=”tag:h4″ custom_image=”20619″][dfd_spacer screen_wide_spacer_size=”40″ screen_normal_resolution=”1280″ screen_tablet_resolution=”1024″ screen_mobile_resolution=”800″ screen_wide_resolution=”1280″ screen_normal_spacer_size=”40″ screen_tablet_spacer_size=”40″ screen_mobile_spacer_size=”40″]
[dfd_delimiter delimiter_style=”dfd-delimiter-with-text” text_delimiter=”simple style” undefined=””][dfd_spacer screen_wide_spacer_size=”40″ screen_normal_resolution=”1280″ screen_tablet_resolution=”1024″ screen_mobile_resolution=”800″ screen_wide_resolution=”1280″ screen_normal_spacer_size=”20″ screen_tablet_spacer_size=”20″ screen_mobile_spacer_size=”20″][dfd_single_product content_position=”center-bottom” module_animation=”transition.slideUpBigIn” single_custom_post_item=”20132″ image_type=”media_library” post_image_width=”1000″ post_image_height=”1000″ single_product_border=”border_style:none|border_top_width:20|border_bottom_width:20|border_left_width:20|border_right_width:20|border_color:%23efefef” post_content_style=”full” title_font_options=”tag:h3|font_size:20|line_height:32″ subtitle_font_options=”tag:h4″ custom_image=”20623″]