Banjo Casual 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 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 Header.
Section settings
Setting | Value |
---|---|
Section width | Full width |
Section spacing | Medium |
Enable sticky header | Unchecked |
Logo image | Choose a logo image |
Desktop logo position | Left |
Logo width | 110 |
Mobile logo width | 80 |
Main menu | Choose a menu |
Main menu position | Right |
Main menu direction | Vertical |
Main menu font size | Small |
Show text | Checked |
Show search icon | Unchecked |
Show cart icon | Unchecked |
Enable country/region selector | Checked |
Enable language selector | Checked |
Overview
You can add a rich text section with a header, paragraph content, and a button to link customers to a new page.
Section settings
Setting | Value |
---|---|
Section width | Full width |
Section spacing | Small |
Heading | ANOTHER WAY OF LIFE |
Heading postion | Top |
Heading size | Triple Extra Large |
Subheading | |
Description | We loves the classics as well as the latest trends, and we always make sure to offer new designs. We regularly release new collections by famous trends, and our own design team, so that you can vary your furniture according to your needs. |
Button label | Show Now |
Button link | Choose a link |
Button style | Underline |
Overview
The image banner section supports image, heading, subheading and buttons.
Section settings
Setting | Value |
---|---|
Section width | Full width |
Section spacing | Medium |
IMAGE | |
Image | Choose a image |
Image width | 100% |
Image overlay opacity | 0% |
Image position | |
IMAGE MOBILE | |
Image mobile | Choose a image |
Image overlay opacity | |
Content position | Bottom right |
Content width | 100% |
Text color desktop | #1C1B1B |
Text color mobile | #FFFFFF |
Button block
Setting | Value |
---|---|
Label | Shop Now |
Link | Choose a link |
Style | Underline |
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 | Large |
Columns alignment | Bottom |
Mobile layout | Stacked |
SECTION HEADER | |
Heading | |
Heading size | |
Description | |
Button label | |
Button link | |
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
Setting | Value |
---|---|
Image | Choose a image |
Image position | Bottom |
Link | Choose a link |
Heading | Heading |
Heading size | Medium |
Description | The paragraph text in the column. |
Overview
You can add a section that displays products in one collection.
Section settings
Setting | Value |
---|---|
Section width | Full width |
Section spacing | Large |
Collection | Choose a collection |
Layout | Carousel |
SECTION HEADER | |
Heading | NEW ARRIVALS |
Heading size | Medium |
Description | ..... |
Button label | View all products |
Button style | Outline |
GRID | |
Maximum products to show | 12 |
Number of columns on desktop | 4 |
Number of columns on mobile | 2 |
PRODUCT CARD | |
Show product info | Checked |
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 | Large |
Columns alignment | Bottom |
Mobile layout | Stacked |
SECTION HEADER | |
Heading | Bedroom |
Heading size | Medium |
Description | The bedroom is conceived as a multifunctional space. In addition to the bed, there is a relaxation area featuring an armchair and side table, while the desk with the mirror is reinterpreted to serve as a vanity. |
Button label | Shop Now |
Button link | Choose a link |
Button style | Underline |
GRID | Those settings apply only if the mobile layout is set to grid. |
Number of columns on desktop | 2 |
Number of columns on mobile | 1 |
Column block
Setting | Value |
---|---|
Image | Choose a image |
Image position | Bottom |
Link | Choose a link |
Heading | Heading |
Heading size | Medium |
Description | The paragraph text in the column. |
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 | Large |
SECTION HEADER | |
Heading | News & Blogs |
Heading size | Medium |
Description | A WORLD OF INSPIRATION. |
Button label | View all articles |
Button link | Select a url |
Button style | Underline |
ARTICLE CARD | |
Featured image ratio | 21:9 |
Card alignment | Left |
Mobile layout | Horizontal |
Show article category | Checked |
Show description | Checked |
Show read more label | Unchecked |
Blog block
Setting | Description |
---|---|
Blog | Choose a blog. |
Number of articles to show | 2 |
Overview
The Banjo theme includes a customizable Footer section. Customize the footer with content blocks for menu, store information and newsletter column.
Guidelines
Customize section
Steps:- From your Shopify admin, go to Online Store > Themes.
- Find Banjo 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 | #EBEAE5 |
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 and get 10% off your first purchase. |