Shortcode 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:
Go to Customize > Shortcode page which created. After choose Sections
- 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:
- 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:
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
- 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:
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 modified 7mo ago