Mobile collections is a unique section that is only visible on mobile screens. The section displays a bespoke list of collections for quick and simple mobile access.
To preview a mobile collection in your store, make sure that the mobile view is enabled.
Add a mobile collections section to the home page
Navigate to the Sections tab in the theme editor and select Add section > Mobile collections.
Add a heading
Start by assigning a heading to the section in the Heading field.
Display the collection images
Enable Show images to include the collection images alongside the listed collections. These images can be added and managed in the Collections admin.
Show tags, products, or titles only
Customize how customers browse your products using the Display dropdown. You can display: Tags, Products, or Titles only.
Limit items included in the section
Use the Truncate list option to set the amount of items to show as nested tags/products. Enable the setting, then use the Truncate list after slider to control the desired amount. A View all link will conclude the list if truncation used.
Manage the collections
Select a Collection block to open its settings. Click Select collection to locate the collection to use. The collection image will display, but this can be replaced Custom image. To add this, click Select image and upload a 400 x 400px .JPG file.