Collection Title

Author: An Do 2672 views

The Collection Title element displays the name of the current collection on your Collection page. The title is automatically retrieved from the collection information configured in your Shopify admin.

In this guide, you will learn how to add the Collection Title element and customize its content, typography, spacing, alignment, and other design settings in the EComposer editor.

1. Adding Collection Title

Navigate to Elements → Collection Page, then drag and drop the Collection Title element into your desired location on the page.

2. Configure Collection Title

2.1. Content

Preview: Displays the collection currently selected for preview. Click Change to select another collection and check how its title appears in the editor.
HTML Tag: Select the appropriate HTML tag for the collection title, such as H1, H2, H3, H4, H5, H6, or Link. For the main collection title, H1 is generally recommended.
Custom classes: If you have any suggestions about adding a private class that belongs to you so go type in the blank.

2.2. Design

Alignment: Set the title alignment to left, center, or right.
Typography: Customize the text style, including font family, font weight, font size, text transform, font style, text decoration, line height, and letter spacing.
Text Color: Change the color of the collection title.
Text Shadow: Add and customize a shadow effect for the title.
Spacing: Adjust the margin and padding around the element to control its position and surrounding space.