Shortcode page

1 - Create a new page

Go to Online Store > Pages > Add pages
Enter Title, Content and Choose Template: page.shortcode > Save
Click to View Page to see the result:

2 - Settings for shortcode page

Go to Customize > Shortcode page which created. After choose Sections

2.1 - Collection Grid

  • Heading: Enter heading for Collection grid.
  • Collection: Choose collection which you want to show on Shortcode page.
  • Columns, Columns tablet, Columns mobile: Number columns show on a row in desktop, table & mobile.
  • Items per page: Number of items to show per page.
  • Pagination: There are 3 type:
  • Show product vendors:
  • Use sale countdown: Countdown to the end sale date will be shown. Be sure you have set final date of the product sale price. product.metafields.meta.countdown ( 2018/01/19 ). You can go to Product Metafield to know more.
  • Countdown style: Choose showing style for countdown.
Design image
Theme settings
Copy the snippet shortcode after you have done all of the settings above
Go to Pages > Edit the page that you have just created
Result:

2.2 - Collection slider

  • Heading: Enter heading for Collection slider.
  • Collection: Choose collection for
  • Items per page: Number of items to show per page.
  • Show product vendors:
  • Use sale countdown: Countdown to the end sale date will be shown. Be sure you have set final date of the product sale price. product.metafields.meta.countdown ( 2018/01/19 ). You can go to Product Metafield to know more.
  • Countdown style: Choose showing style for countdown.
Countdown timmer default
Countdown timmer light
Countdown timmer light 2
Countdown timmer dark
All setting will show in shortcode on header of page.
Design image
Design slider
Break points
Theme settings
Result:

2.3 - Product lookbook

Content
  • Heading: Enter heading for Product lookbook
  • Banner image: Choose image from libraries.
  • Title: Enter title for pin.
  • Position: set showing position for pin.
  • Width, Height: Size of image.
  • Select color: Set color for pin.
  • Position tooltip
  • Choose product: Choose product which you want to show.
    Position product: Top, Bottom, Left, Right.
All setting will show in shortcode on header of page

2.4 - Product categories

  • Heading: Enter heading for Product categories.
  • Categories product count title
  • Categories view
  • Layout
Default
Mansonry
Masonry(with first wide)
Carousel
  • Categories design
Default
Alternative
Center title
Bottom title
  • Space between categories:
Setting slider(Only for carousel layout)
Breakpoint
Content
  • Collection: Choose collection which you want to show.
  • Image: Choose image from libraries.
All setting will show in shortcode on header of page
Result:
  • Heading: Enter heading for Image gallery
  • Layout:
Default
Mansonry
Masonry (with first wide)
Carousel
All setting will show in shortcode on header of page
Result:

[Private offer] Elessi Partner Plan

Don't have to be tech-savvy, you surely can create your powerful and eye-catching store with EComposer - Visual Landing Page Builder app - Our free Add-on for Elessi.
No more code headaches - FREE 100% lifetime (save your $150 annually) - delicate support.
Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject “Elessi+EComposer” to upgrade for FREE.
Copy link
On this page
1 - Create a new page
2 - Settings for shortcode page
2.1 - Collection Grid
2.2 - Collection slider
2.3 - Product lookbook
2.4 - Product categories
2.5 - Image gallery
[Private offer] Elessi Partner Plan