Mandolin Stylish Homepage
Section settings
Overview
The Madolin 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 Mandolin 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 |
|---|---|
| Enable sticky header | Checked |
| Enable transparent header | Checked |
| Show line separator | Unchecked |
| Main menu | Choose a menu |
| Enable country/region selector | Checked |
| Enable language selector | Checked |
Overview
You can add a section that contains an image and a text block with an optional button to link customers 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 even provide a review.
Section settings
| Setting | Value |
|---|---|
| Spacing position | None |
| IMAGE | |
| Image | Choose a image |
| Desktop image position | Right |
| Mobie image position | Top |
| TEXT | |
| Text alignment | Left |
| Desktop content position | Bottom |
Heading block
| Setting | Value |
|---|---|
| Text | Image with text |
| Size | Large |
Description block
| Setting | Description |
|---|---|
| Text | Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review. |
Button block
| Setting | Description |
|---|---|
| Label | SHOP NOW |
| Style | Primary |
Button block
| Setting | Description |
|---|---|
| Label | VIEW MORE |
| Style | Outline |
Line block
| Setting | Description |
|---|---|
| Direction | Horizontal |
| Length | 100% |
| START POSITION | |
| Left | 12% |
| Top | 28% |
Line block
| Setting | Description |
|---|---|
| Direction | Vertical |
| Length | 100% |
| START POSITION | |
| Left | 75% |
| Top | 0% |
Line block
| Setting | Description |
|---|---|
| Direction | Vertical |
| Length | 50% |
| START POSITION | |
| Left | 23% |
| Top | 0% |
Image block
| Setting | Description |
|---|---|
| Image | Choose a image |
| Width | 20% |
| Height | 40% |
| START POSITION | |
| Left | 12% |
| Top | 28% |
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 |
|---|---|
| Spacing position | None |
| Mobile layout | Stacked |
| SECTION HEADER | |
| Heading | Leave it blank |
| GRID | Those settings apply only if the mobile layout is set to grid. |
| Number of columns on desktop | 4 |
| Number of columns on mobile | 2 |
Column block
| Setting | Value |
|---|---|
| Image | Choose a image |
| Image position | Top |
| Link | Choose a link |
| Content alignment | Left |
| Heading | Leave it blank |
| Description | Leave it blank. |
Text block
| Setting | Value |
|---|---|
| Content alignment | Left |
| Desktop content position | Spacing between |
| Link | Choose a link |
| Content | |
| Heading | NEW ARRIVALS |
| Button label | SHOP NOW |
| Button style | Outline |
| Enable full width button | Checked |
Section settings
| Setting | Value |
|---|---|
| Spacing position | None |
| Collection | Choose a collection |
| Layout | Grid |
| Section header | |
| Heading | Leave it blank |
| Button label | Leave it blank |
| GRID | |
| Maximum products to show | 8 |
| Number of columns on desktop | 4 |
| Number of columns on mobile | 2 |
| PRODUCT CARD | |
| Show product info | Checked |
Section settings
| Setting | Value |
|---|---|
| Spacing position | None |
| Desktop layout | Five images with large block left |
| Mobile layout | Stacked |
| SECTION HEADER | |
| Heading | Leave it blank |
| Heading size | Medium |
Image block
| Setting | Value |
|---|---|
| Image | Choose a image |
Blank block
Image block
| Setting | Value |
|---|---|
| Image | Choose a image |
Text block
| Setting | Value |
|---|---|
| Content alignment | Left |
| Desktop content position | Spacing between |
| Heading | SUMMER SALE |
| Heading size | Small |
| Description | Up to 70% off deeper discounts |
| Button label | SHOP NOW |
| Button style | Outline |
| Enable full width button | Checked |
Section settings
| Setting | Value |
|---|---|
| Spacing position | None |
| Collection | Choose a collection |
| Layout | Grid |
| Section header | |
| Heading | Leave it blank |
| Button label | Leave it blank |
| GRID | |
| Maximum products to show | 8 |
| Number of columns on desktop | 4 |
| Number of columns on mobile | 2 |
| PRODUCT CARD | |
| Show product info | Checked |
Overview
You can add a section where customers can enter their email address and subscribe to your newsletter or marketing. When a customer subscribes, a customer account is created in your Shopify admin.
The section comes with five default blocks:
- Heading
- Subheading
- Description
Section settings
| Setting | Value |
|---|---|
| Section height | Medium |
| Content position | Center |
| Image | Choose a image |
| FORM | |
| Button label | JOIN |
| Button label color | 000000 |
| Button background color | FFFFFF |
Heading block
| Setting | Value |
|---|---|
| Text | Subscribe to our emails |
| Color | FFFFFF |
| Size | Medium |
Description block
| Setting | Value |
|---|---|
| Text | Be the first to know about new collections and exclusive offers. |
| Color | FFFFFF |
Overview
The Mandolin 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 Mandolin 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 | 1C1B1B |
| Text color | FBFBFB |
| Show payment icons | Checked |
| Enable country/region selector | Unchecked |
| Enable language selector | Unchecked |
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 | Share contact information, store details, and brand content with your customers. |
| Show social media icons | Checked |
Menu block
| Setting | Value |
|---|---|
| Heading | SHOP |
| Menu | Choose 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 | A short sentence describing what someone will receive by subscribing. |
