New Arrival Products

h-code-document-text-block
Place a New Arrival Products Block to any page/post/portfolio post.

Please follow below steps to use “New Arrival 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 “New Arrival Products” shortcode.
  • Step 5: Follow below inputs/settings and see “New Arrival 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”.