This article is also available in:
With ShopBase Themes, you can customize home page sections to create a glamorous website in just a few steps. In this article, we will guide you on how to adjust your home page for Inside theme.

In this article

A. Header
B. Slideshow
C. Rich text
D. Image with text
E. Featured collection
F. Customer testimonial
G. Collection list
H. Newsletter
I. Banner
J. Video slider

To customize all of the features of Inside theme for home page sections, please follow these steps before you start:

From your ShopBase admin site, go to Online Store > Themes > Customize.


Choose Home section in the dropdown menu.



A. Header

Please refer to this article on how to customize your Header sections.

B. Slideshow

In Slideshow section:

Layout: Choose between Single or Box for your slideshow's layout.
Full width on desktop: Select this option to display your slideshow in full width on desktop.
Ratio: Change the ratio of your images.
Change slides every: Set the time for changing slides.
Opacity: Adjust the opacity of images.
Enable parallax scrolling: Select this option to enable the parallax scrolling effect.

Slideshow section in Inside theme

You can add different Slide blocks into the Slideshow section. Each Slide block allows you to add background image, alt text, headline, text, or adjust text alignment and text position. You can also enable text background or insert links for first/primary button label.


Slide block Inside theme

C. Rich text

The Rich Text section is where to share introduction or announcements to impress your customers. In Rich text section, you can edit the heading position and text alignment.



This section is divided into different blocks for further customization:

Rich Text section in Inside theme

In Heading block, you can change the content of the heading.


In Text block, you can change the content of the text.


In Button block, you can select the button type, change the button label and link to a targeted page.



D. Image with Text

This section will show off any big or important images you have along with any applicable text and a call to action button. In this section, you can:

Choose layout.
Text alignment: Left or Center.
Full width section: Set the section to be full width

Image with Text section in Inside theme

You can add different Image with Text blocks into this section. The Image with Text block allows you to configure each image with text by adding images, alt text, headline, text, button labels/links/buttons. You can enable a maximum of 12 blocks on your homepage.


Image with Text block in Inside theme

E. Featured collection

You can feature the products from one of your collections on your home page.

Layout: Set the layout to your featured collection like Grid, Slider or Mix.
Heading: Change to another heading instead of the default featured collection.
Collection: Choose one of yours to show.
Alignment: Select the alignment for the heading and button.
Product per row on desktop: Decide how many products to display on desktop. Choose from 2 to 5.
Limit products: Decide the number of products showing. Choose from 1 to 60.
Button label: Choose to display the button as a text link and change its name.

Featured collection section in Inside theme

F. Customer testimonial

The Inside theme include a Testimonials homepage section which is a quick and easy way to add customer feedback and reviews to your site. You can add image, alt text, testimonial, customer information.

Heading section: Enter title for your testimonial.
Show next/back icon: Show the next/back icon for easy navigation.
Show indicator: Show the page indicator.
Number of testimonials per slide: Change the number of testimonials per slide. Choose from 1 to 3.
Text alignment: Left, Center or Right.
Change slides every: Adjust the number of seconds it takes to change slides within your testimonials. Choose from 4 - 12 seconds.

Customer testimonial section in Inside theme
You can add different Customer name blocks into this section. These block allows you to configure each customer testimonial by adding images, alt texts, editing the testimonial content and customer's name.


Customer name block in Inside theme

G. Collection list

You can add heading to your collection list. For Inside theme, there are more settings for you to customize such as heading, button type and label, product tab position, image style, item per row, title position, title alignment.

Collection list section in Inside theme

You can add different Collection blocks into this section. These block allows you to create collection, add image and alt text for your collection.




H. Newsletter

Newsletter section helps to encourage your customers to stay in the loop with your company, adding the signup as a whole homepage section may better suit your design and is just a great alternative to have. By default, after a customer signs up for your newsletter, their email address are stored in your customer database. You can add image, adjust heading and subheading. For Inside theme, there are more settings such as text alignment, background image and alt text.

Newsletter section in Inside theme
Heading, Text, and Button are also divided into different blocks for further customization.

Heading, Text, and Button blocks within the Newsletter section in Inside theme
In Heading block, you can change the content of the heading.


In Text block, you can change the content of the text.



I. Banner

This feature can be used to introduce your store promotion codes. You can freely customize the banner's background image, alt text, ratio (in Roller theme), opacity, heading, text position and alignment, image link (in Roller theme), along with button links and labels.

Banner section in Inside theme
For Inside theme, Heading, Text, and Button are also divided into different blocks for further customization in the new Theme editor.

Heading, Text, and Button blocks within the Banner section in Inside theme
In Heading block, you can change the content of the heading.


In Text block, you can change the content of the text.


In Button block, you can select the button type, change the button label and link to a targeted page.



J. Video slider

The Video section can be very helpful for customers to see how your product appears and works in real life. It includes many features for setting up the presence of videos on your site such as image, alt text, preheading, heading, subheading, etc...

Autoplay video: If this option is selected, your video will play automatically. However, most of browsers have added some limitations on videos to prevent them from autoplaying. In addition, when you choose this option, all of the content settings including image/thumbnail, heading, preheading, subheading, buttons, button links will not be displayed.
Full width video: Select this option to display your video in full width.

Video slider section in Inside theme

You can add different Video blocks into this section in the new Theme editor.

Video blocks in Inside theme
These block allows you to configure each video by adding video links, thumbnails, alt texts, heading, subheading, text position and alignment.



For Bassy theme, please refer to this article for more information.
For Roller theme, please refer to this article for more information.
All steps in this article uses the updated Theme Editor version 2.0, which have been updated to boost versatility and make it easier to tailor your storefront with sections and blocks. Please refer to this article for more information on Theme Editor version 2.0 and how to update.

Related articles

Overview of Themes
Was this article helpful?
Cancel
Thank you!