Chord Warm Homepage
Section settings
Overview
Announcement bar will appear as a banner at the top of the header. It's a great way to promote discount codes, sales, or important information to your customers. The text area includes options to bold, italicize, and add a link to your text.
Guidelines
Customize section
Steps:- From your Shopify admin, go to Online Store > Themes.
- Find chord theme that you want to edit, and then click Customize.
- In the Left-hand side of your screen, click the Announcement.
Section settings
| Setting | Value |
|---|---|
| Enable announcement bar | Checked |
| Show close button | Unchecked |
| Text | FREE SHIPPING on order above $999. |
| Background color | F4EDDD |
| Text color | 1C1B1B |
Overview
The Chord theme includes a highly customizable Header feature. It appears on every page to promote your company's brand and provide helpful links, tools, and more.
Guidelines
Customize header
Steps:- From your Shopify admin, go to Online Store > Themes.
- Find chord theme that you want to edit, and then click Customize.
- In the Left-hand side of your screen, click the Header.
Section settings
| Setting | Value |
|---|---|
| Section width | Full width |
| Section spacing | Medium |
| Enable sticky header | Unchecked |
| Show line separator | Unchecked |
| Show search icon | Checked |
| Show cart icon | Checked |
| Logo image | Choose a logo image |
| Desktop logo position | Top center |
| Logo width | 120 |
| Mobile logo width | 80 |
| Main menu | Choose a menu |
| Main menu font size | Small |
| Top left menu | Choose a menu |
| Enable country/region selector | Checked |
| Enable language selector | Unchecked |
Mega menu block
| Setting | Value |
|---|---|
| Link title | Women |
Mega menu image block
| Setting | Value |
|---|---|
| Link title | Women |
| Image | Select a image |
| Heading | Customize Shirts |
| Link | Select a link |
Overview
You can add a slideshow section to display a carousel of up to 5 images on a page in your store.
Setting values
| Setting | Value |
|---|---|
| Section width | Grid |
| Section spacing | Medium |
| Slide height | Adapt to first image |
| CONTROLS | |
| Show navigation dots | Checked |
| Show navigation arrows | Checked |
| AUTOPLAY | |
| Auto-rotate slides | Checked |
| Change slides every | 10 |
Slide setting values
The image slide supports one or two images, and a text box with buttons.
| Setting | Value |
|---|---|
| DESKTOP IMAGE | |
| Image | Image |
| Image overlay opacity | 0 |
| MOBILE IMAGE | |
| Image | Image. |
| Image overlay opacity | 0 |
| CONTENT | |
| Content position | Middle left |
| Subheading | NEW COLLECTION |
| Heading | FIND YOUR PERFECT |
| Heading size | Large |
| Description | Uncompromising in style, quality and performance. |
| Text color desktop | ffffff |
| Text color mobile | ffffff |
| FIRST BUTTON | |
| Label | Buy now |
| Style | Secondary |
Overview
The Featured nav section is very useful, it contains an image and a title with a link.
Section settings
| Setting | Value |
|---|---|
| Section width | Grid |
| Section spacing | Small |
| Layout | Carousel |
| GRID | |
| Number of columns on desktop | 8 |
| Number of columns on mobile | 2 |
| BORDER | |
| Corner radius | 200 |
Section header block
| Setting | Value |
|---|---|
| Heading | Collections you might like |
| Header alignment | Center |
| Heading size | Small |
Nav item
| Setting | Value |
|---|---|
| Heading size | Small |
| Subheading | The subheading of the section. |
Overview
You can use the multicolumn section to display content in a column layout, and add a button below the columns to take the customer to a new page. Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or provide a review.
Section settings
| Setting | Value |
|---|---|
| Section width | Grid |
| Section spacing | Medium |
| Use wider gap between columns | Checked |
| Mobile layout | Stacked |
| GRID | Those settings apply only if the mobile layout is set to grid. |
| Number of columns on desktop | 3 |
| Number of columns on mobile | 1 |
Column block one
| Setting | Value |
|---|---|
| Image | Select your image |
| Image position | Bottom |
| Link | Select your link |
| BADGE | |
| Badge | 20% |
| TEXT | |
| Heading | A CURATED EXPERIENCE |
| Heading size | Medium |
| Description | Your confidence within. |
Column block two, three
Same as the first column block except the ‘Image position’ is set to top.
Overview
You can add a section that displays products in one collection.
Section settings
| Setting | Value |
|---|---|
| Section width | Grid |
| Section spacing | Medium |
| Collection | Select a collection |
| Layout | Carousel |
| Section header | |
| Heading | New Arrivals |
| Header alignment | Center |
| Heading size | Medium |
| Button label | View all products |
| GRID | |
| Maximum products to show | 8 |
| Number of columns on desktop | 4 |
| Number of columns on mobile | 2 |
| PRODUCT CARD | |
| Show product info | Checked |
| Show product rating | Unchecked |
| Show vendor | Unckecked |
| Show swatch | Unchecked |
Overview
The image banner section supports image, heading, subheading and buttons.
Section settings
| Setting | Value |
|---|---|
| Section width | Grid |
| Section spacing | Medium |
| Image | Select a image |
| Image mobile | Select a image |
| Image overlay opacity | 28 |
| Content position | Middle center |
Heading block
| Setting | Value |
|---|---|
| Text | Spring / Summer 2022 |
| Heading size | Large |
| Color | FFFFFF |
| Link | Select a link |
Description block
| Setting | Value |
|---|---|
| Text | Complement forest green with autumnal shades of red-orange |
| Color | FFFFFF |
Button block
| Setting | Value |
|---|---|
| Label | Shop Now |
| Link | Select a link |
| Style | Secondary |
Overview
Tab collections can help you promote sales and new collections.
Section settings
| Setting | Value |
|---|---|
| Section width | Grid |
| Section spacing | Small |
| Layout | Grid |
| Section header | |
| Heading | Premium Selections |
| Header alignment | Center |
| Heading size | Medium |
| GRID | |
| Maximum products to show | 8 |
| Number of columns on desktop | 4 |
| Number of columns on mobile | 2 |
| PRODUCT CARD | |
| Show product info | Checked |
Collection block
| Setting | Value |
|---|---|
| Collection | Select a collection |
Overview
If you have a blog on your Shopify store, then you can use a Blog post section to highlight posts from that blog. Each blog post in the Blog posts section shows the first 30 words of a post's excerpt. If the blog post doesn't have an excerpt, then the first 30 words of the post are displayed instead..
Section settings
| Setting | Value |
|---|---|
| Section width | Grid |
| Section spacing | Medium |
| Background color | F4EDDD |
| Text color | 1C1B1B |
| ARTICLE CARD | |
| Featured image ratio | 16:9 |
| Card alignment | Left |
| Mobile layout | Horizontal |
| Show article category | Checked |
| Show description | Checked |
| Show read more label | unchecked |
Blog block
| Setting | Value |
|---|---|
| Blog | Select your blog |
| Number of articles to show | 3 |
Section header block
| Setting | Value |
|---|---|
| Heading | Blog posts |
| Header alignment | Left |
| Heading size | Large |
| Button label | View all articles |
| Button link | Select your link |
Overview
The Chord theme includes a customizable Footer section. Customize the footer with content blocks for menu, store information and newsletter column.
Guidelines
Customize header
Steps:- From your Shopify admin, go to Online Store > Themes.
- Find chord theme that you want to edit, and then click Customize.
- In the Left-hand side of your screen, click the Footer.
Section settings
| Setting | Value |
|---|---|
| Footer width | Narrow |
| Background color | EEEEEE |
| Text color | 1C1B1B |
| Show payment icons | Checked |
Store information
The Text block can be used to highlight important information, such as store details, promotions, or contact information.
| Setting | Value |
|---|---|
| Heading | OUR MISSION |
| Text | Quality materials, good designs, craftsmanship and sustainability. |
| Show social media icons | Checked |
Menu block
| Setting | Value |
|---|---|
| Heading | SHOP |
| Menu | Select a menu |
Newsletter block
Customers who subscribe will have their email address added to the "accepts marketing" customer list.
| Setting | Value |
|---|---|
| Heading | SUBSCRIBE TO OUR EMAILS |
| Text | Subscribe to our newsletter and get 10% off your first purchase. |
