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.
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.
All setting will show in shortcode on header of page.
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
Categories design
Space between categories:
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:
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.
Last updated