Chord Fresh Homepage
Section settings
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 | Checked |
| Show search icon | Checked |
| Show cart icon | Checked |
| Logo image | Choose a logo image |
| Desktop logo position | Middle center |
| Logo width | 110 |
| Mobile logo width | 70 |
| Main menu | Choose a menu |
| Main menu font size | Small |
| Top left menu | Choose a menu |
| Enable country/region selector | Unchecked |
| 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 | Full width |
| 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 | 16 |
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 | 12 |
| CONTENT | |
| Content position | Middle left |
| Subheading | NEW TREND |
| Heading | PERFECT |
| Heading size | Large |
| Description | Find your perfect, take your look to the next level in soft, autumn-ready styles. |
| Text color desktop | 1C1B1B |
| Text color mobile | ffffff |
| FIRST BUTTON | |
| Label | SHOP NOW |
| Style | Primary |
Overview
Tab collections can help you promote sales and new collections.
Section settings
| Setting | Value |
|---|---|
| Section width | Full width |
| Section spacing | Medium |
| Layout | Grid |
| Section header | |
| Heading | NEW ARRIVALS |
| Header alignment | Left |
| 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
The image banner section supports image, heading, subheading and buttons.
Section settings
| Setting | Value |
|---|---|
| Section width | Full width no gap |
| Section spacing | Medium |
| Image | Select a image |
| Image mobile | Select a image |
| Image overlay opacity | 9 |
| Content position | Middle center |
Heading block
| Setting | Value |
|---|---|
| Text | JEANS |
| Heading size | Large |
| Color | DC1130 |
| Link | Select a link |
Description block
| Setting | Value |
|---|---|
| Text | STARTING AT $39 |
| Color | FFFFFF |
Button block
| Setting | Value |
|---|---|
| Label | Shop Now |
| Link | Select a link |
| Style | Secondary |
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 | Full width |
| Section spacing | Medium |
| Use wider gap between columns | Unchecked |
| Mobile layout | Horizontal |
| GRID | Those settings apply only if the mobile layout is set to grid. |
| Number of columns on desktop | 3 |
| Number of columns on mobile | 2 |
Column block one
| Setting | Value |
|---|---|
| Image | Select your image |
| Image position | Bottom |
| Link | Select your link |
| BADGE | |
| Badge | 25% |
| TEXT | |
| Heading | COAT/td> |
| Heading size | Medium |
| Description | START AT $29 |
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 | Full width |
| Section spacing | Medium |
| Collection | Select a collection |
| Layout | Grid |
| Section header | |
| Heading | PREMIUM SELECTION |
| Header alignment | Left |
| 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
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 | Full width |
| Section spacing | Medium |
| Background color | F9FCFF |
| Text color | 191C1E |
| 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 | Description |
|---|---|
| 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 | Full width |
| 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. |
