Place a Featured Products Block to any page/post/portfolio post.
Please follow below steps to use “Featured Products” shortcode.
- Step 1: Login to WordPress Admin section.
- Step 2: Add/Edit any page/post/portfolio post.
- Step 3: Click on “+” button (Add New Element), it will show the popup with all shortcodes.
- Step 4: Click on H-Code tab, it will show all shortcodes of H-Code theme. Now click on “Featured Products” shortcode.
- Step 5: Follow below inputs/settings and see “Featured Products” preview in frontend.
General (tab)
If Slider selected as Products Block Style:
Products Block Style – Select style from 2 pre-defined styles (Slider or Grid).
Show No. of Total Products – Enter numeric value like 6.
Display Products Order by – Select Order by Date, ID, Author, Title, Modified, Random, Comment count or Menu order.
Display Products Sort by – Select Sort by Ascending or Descending.
General (tab)
If Grid selected as Products Block Style:
Products Block Style – Select style from 2 pre-defined styles (Slider or Grid).
Show No. of Total Products – Enter numeric value like 6.
Column Type – Select column type as 1 Column, 2 Columns, 3 Columns, 4 Columns or 6 Columns.
Display Products Order by – Select Order by Date, ID, Author, Title, Modified, Random, Comment count or Menu order.
Display Products Sort by – Select Sort by Ascending or Descending.
Slider Config (tab)
If Slider selected as Products Block Style:
No. of Products Per Page (For Desktop Device) – Enter numeric value like 3.
No. of Products Per Page (For iPad/Tablet Device) – Enter numeric value like 3.
No. of Products Per Page (For Mobile Device) – Enter numeric value like 1
Extras (tab)
Extra ID – Define element id (The id attribute specifies a unique id for an HTML element).
Extra Class – Add additional CSS class to this element if you wish, you can define multiple CSS class with use of space like “Class1 Class2”.
