Cutline second line

Add a second line of unique text on collection pages

Feature introduced in Broadcast v3.2.0

Add a custom tagline to individual products using metafields. The tagline will appear styled in the product grid on collection pages and any section using a product grid view:

An example of two products with a highlight over their cutline text
Cutline is a second line for additional information

How to set up

The first step is to add or define a new product metafield. This is a custom metafield you'll create in the Settings of your Shopify Admin.

Add a new product metafield

To set up a Cutline, you need to create a new custom metafield definition that Broadcast can recognize.

The most important part is to use this namespace and key: theme.cutline

Example of how the cutline metafield should be set up from the metafields and metaobject settings
Verify the namespace and key are changed to theme.cutline

How to create the metafield

To start, navigate to your Shopify admin settings and open the Metafields and metaobjects tab from the left panel. Next, click on 'Products' (click images to zoom):

Here it's shown from where to create a new product metafield
Under 'Metafield definitions', click on 'Products'
On this image the highlighted 'add definition' button can be used to create a new metafield
Click on the 'Add definition' button

Click the 'Add definition' button to begin. Choose a name, we'll use 'cutline'. Next, we'll use a custom namespace.

A crucial step here is to change the default namespace (usually called 'custom') to theme.

A gif showing how to rename the namespace & key when creating the cutline metafield
Namespace.key = theme.cutline

Add a description (optional), then select 'Single line text' as the content type.

A gif showing the different metafield types that can be selected
circle-check

Product setup

Now that our custom metafield has been defined, the final step is to edit any of your products in the Shopify Admin > Products and update the new cutline metafield.

All you need to do is scroll to the bottom of the product setup page and fill them in:

A GIF showing from where to fill in the cutline metafield after it's been created

After adding the cutline metafield value, don't forget to save the product changes.

Now you're ready to preview the cutline text. View on a collection page or any section that uses the product grid layout:

Preview of the cutline text on a Collection page after everything has been set up properly
Preview your unique cutline text on a Collection page

Your cutline text will only appear for this product. You can now add unique cutline text to any product in your store.

If a product does not have the cutline metafield text information added, nothing will appear.

Only products with a value for the cutline metafield will display that information on the product grid or collection page.

circle-check

Last updated