We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Adjusting block titles in the section editor

Adjusting block titles in the section editor

cwgw
Visitor
1 0 0

Is it possible to change how blocks are titled/named in the section editor of the theme customization screen?

I know that you can set a block's `name` property in the section's schema definition, but if I have multiple instances of the same block type they all look the same in the editor.

Here's an example:

Screen Shot 2021-06-01 at 11.04.45 AM.png

I've created a section that shows quotes in a carousel. It uses blocks for the quotes: Each quote is an instance of the same block type, which is named "Quote". This offers a great editing experience—I can easily add, remove and reorder quotes—except that I can't tell which block is which without clicking on them. They are all displayed in the list as "Quote".

Is it possible to edit my section such that the title or name of each block in the editor is unique?

Replies 2 (2)

diego_ezfy
Shopify Partner
2988 573 931

As far as I am aware, no, in this particular instance you are not able to rename them.

Search for text across all files in your Shopify theme
◦ Proudly top #5 Shopify Expert of all time - Book a call with me here.

SajaathMohamed
Shopify Partner
1 0 0

You can add a heading setting in the Customizer and specify a name in that field. It will then be replaced with the block ID in the Customizer preview.

example:
{
"type": "text",
"id": "heading",
"label": "t:sections.all.heading.label",
"default": "Heading"
}

sajaath