Skip to content
Collections CMS collection

Collections

This CMS collection holds all the data of your Shopify collections inside Webflow. Collections are simply a way of grouping products. It’s usefull to have this collection inside Webflow to create dynamic pages that do show up only certain groups of products!

Smootify assumes that your CMS collection that holds the collections data is set with the slug “collection”. But you can use the slug you wish, just be sure to follow up the JS configuration in order to inform Smootify scripts about your custom slug.

CMS Fields

The Collection CMS collection requires the following CMS fields, once done, the structure will be similar to the following screenshot:

cms structure

Name

Is preconfigured by Webflow when you create a CMS collection, this field will hold the title of your Shopify Collection

Slug

Is preconfigured by Webflow when you create a CMS collection, this field will hold the handle of your Shopify Collection

Description

This is a custom field of type Rich text that needs to be created manually, and will be filled with the Description of the Shopify Collection panel

Image

This is a custom field of type Image that needs to be created manually, and will be filled with the Featured image of your Shopify Collection.

Shopify ID

This is a custom fieldof of type Plain text, this field holds the ID of the Shopify collection, is just meant to be used for sync purposes.

Optional CMS Fields

SEO Title

This is the shopify collection SEO Title and is of type Plain text.

SEO Description

This is the shopify collection SEO Description and is of type Plain text, create the field with the Multiline checkbox checked.

CMS Metafields

You can sync with Webflow additional CMS fields that are connected to Shopify Metafields, just be sure to name the fields in Webflow with the same exact name of the metafield you created in Shopify.

Supported metafields

Not all shopify metafields can be synced with Webflow CMS, only following types are supported and only if they are connected to the proper Webflow CMS field type

  • Switch
  • Color
  • Date / DateTime
  • Dimension -> Plain Text
  • Multi Line Text Field -> Plain Text
  • Number
  • RichText
  • Single Line Text Field -> Plain Text / Option
  • Url
  • Volume / Weight
  • File Reference -> File / Image
  • Collection Reference -> Reference to Collection CMS collection
  • Product Reference -> Reference to Product CMS collection
  • List of Collection Reference -> MultiReference to Collection CMS collection
  • List of Product Reference -> MultiReference to Product CMS collection