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:

2.5 - Image gallery

• 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] EComposer Partner Plan

Exclusively for Elessi users, you can get EComposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

• FREE 100% EComposer Standard plan for 6 months (save you $114)

• Build ANY Shopify pages: Landing page, Sales Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.

• Create advanced sections & add to Elessi with ease

• Save up to 50 pages/sections

• 100+ professional, stunning pre-designed templates

• Anyone can build pages with live drag-drop editor

How to claim offer: Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject “Elessi+EComposer” to upgrade for free.

Cheers, The4.