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.
Section settings
Setting | Value |
---|---|
Spacing position | None |
IMAGE | |
Image | Choose a image |
Desktop image position | Right |
Float image | |
Image | Choose a image |
Link | |
Content | |
Text alignment | Left |
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 |
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. |