Slider

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: