Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
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
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:
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?
As far as I am aware, no, in this particular instance you are not able to rename them.
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"
}