Lute Vibrant Homepage
Lute theme casual style homepage with section Scrolling bar, Featured collection, Image banner, Tab collections, Testimonials, Newsletter.
Section settings
Overview
The Lute 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 Lute 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 |
| Enable sticky header | Checked |
| Show top outline | Unchecked |
| Show bottom outline | Checked |
| Logo image | Choose a logo image |
| Desktop logo position | Center |
| Logo width | 110 |
| Mobile logo width | 80 |
| Main menu | Choose a menu |
| Main menu position | Left |
| Main menu font size | Small |
| Show text | Unchecked |
| Show search icon | Checked |
| Show cart icon | Checked |
| Enable country/region selector | Checked |
| Enable language selector | Checked |
Overview
Section settings
| Setting | Value |
|---|---|
| Section width | Full width no gap |
| Hide from home page | Unchecked |
| Show top outline | Unchecked |
| Show bottom outline | Unchecked |
| Color scheme | Primary |
| MARQUEE | |
| Scroll direction | Left to right |
| Scroll speed | 3x |
| Pause on hover | Checked |
| Background | #F4EDDD |
| Top padding | 20px |
| Bottom padding | 20px |
Overview
You can add a section that displays products in one collection.
Section settings
| Setting | Value |
|---|---|
| Section width | Full width |
| Show top outline | Unchecked |
| Show bottom outline | Checked |
| Color scheme | Background |
| Collection | Choose a collection |
| Layout | Grid |
| SECTION HEADER | |
| Heading | NEW ARRIVALS |
| Heading size | Medium |
| Header alignment | Center |
| Header size | Medium |
| Button label | View all products |
| Button style | Secondary |
| 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 SPACING ADJUSTMENT | |
| Top | 0 |
| Bottom | 0 |
Overview
The image banner section supports image, heading, subheading and buttons.
Section settings
| Setting | Value |
|---|---|
| Section width | Full width |
| Show top outline | Unchecked |
| Show bottom outline | Checked |
| Color scheme | Primary |
| IMAGE | |
| Image | Choose a image |
| Image width | 63% |
| Float top | 72px |
| Float bottom | 72px |
| Image position | Right |
| IMAGE MOBILE | |
| Image mobile | Choose a image |
| Content position | Middle center |
| Content width | 42% |
| SECTION SPACING ADJUSTMENT | |
| Top | 0 |
| Bottom | 0 |
Heading block
| Setting | Value |
|---|---|
| Text | Halloween season |
| Heading size | Medium |
| Link | Choose a link |
Description block
| Setting | Value |
|---|---|
| Text | ... |
Button block
| Setting | Value |
|---|---|
| Label | Shop Now |
| Link | Choose a link |
| Style | Secondary |
Stamp background
| Setting | Value |
|---|---|
| Stamp | Choose a image. |
| Opacity | 20% |
Overview
Tab collections can help you promote sales and new collections.
Section settings
| Setting | Value |
|---|---|
| Section width | Full width |
| Show top outline | Unchecked |
| Show bottom outline | Checked |
| Color scheme | Background |
| Layout | Grid |
| SECTION HEADER | |
| Heading | Featured collections |
| Header alignment | Center |
| Heading size | Medium |
| Button label | View all products |
| Button style | Secondary |
| 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 | Unchecked |
| Show swatch | Unchecked |
| SECTION SPACING ADJUSTMENT | |
| Top | 0 |
| Bottom | 0 |
Collection block
| Setting | Value |
|---|---|
| Collection | Choose a collection |
Overview
Testimonial is the perfect way to develop your customer's loyalty to your website.
Section settings
| Setting | Value |
|---|---|
| Section width | Full width |
| Show top outline | Unchecked |
| Show bottom outline | Checked |
| Color scheme | Secondary |
| SECTION HEADER | |
| Heading | Tell your story |
| Header alignment | Center |
| Heading size | Medium |
| CAROUSEL | |
| Number of testimonials per row | 4 |
| Auto-rotate testimonials | Checked |
| Change testimonials every | 5 |
| CARD | |
| Enable avatar top | Unchecked |
| SECTION SPACING ADJUSTMENT | |
| Top | 0 |
| Bottom | 0 |
Testimonial block
| Setting | Value |
|---|---|
| Image | Choose a certain image for your testimonial avatar. |
| Content | The comment of your testimonial. |
| Name | The commenter Name |
| Job | The commenter job |
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
- Background image
- Stamp background
- Float icon
Section settings
| Setting | Value |
|---|---|
| Section height | Large |
| Show top outline | Unchecked |
| Show bottom outline | Checked |
| Color scheme | Primary |
| Backgroud color | #DD7DFF |
| Text color | #ffffff |
| Text color mobile | #ffffff |
| Content position | Left |
| Button style | Secondary |
Heading block
| Setting | Value |
|---|---|
| Text | Subscribe to our emails |
| Size | Medium |
Description block
| Setting | Value |
|---|---|
| Text | Be the first to know about new collections and exclusive offers. |
| Color | FFFFFF |
Stamp background block
| Setting | Value |
|---|---|
| Stamp | Choose a image. |
| Opacity | 20% |
Background image block
| Setting | Value |
|---|---|
| Image | Choose a image. |
| Image width | 53% |
| Float top | 72px |
| Float bottom | 32px |
| Image position | Right |
| Image mobile | Choose a image. |
Overview
The Lute 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 Lute 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 |
| Show top outline | Unchecked |
| Show bottom outline | Unchecked |
| Show payment icons | Checked |
| Enable country/region selectorr | 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 | Lute |
| Text | Quality materials, good designs, craftsmanship and sustainability. |
| Enable follow on Shop | Checked |
| Show social media icons | Checked |
Menu block
| Setting | Value |
|---|---|
| Heading | INFORMATION |
| Menu | Select a menu |
Menu block
| Setting | Value |
|---|---|
| Heading | HELP |
| Menu | Select a menu |
