Theme Customization

This page will instruct you how to edit the homepages.

  • How to edit content, images, banners.
  • How to rearrange position of each sections on homepage, hide or show more sections.
  • How to configure options of each section like number of products, products carousel, grid, list...

Homepage of Default Style

Now let go through from top down:

Top Banner

Top Banner

The top banner can be showed / edited in admin page > Marketing > Banners. When you add / edit remember to choose Location is Top of Page.

Colors Customization

To customize colors of this section, go to admin page > Storefront Design > My Themes, click button Customize of the current theme to open the Theme Editor.

Click customize theme

Look into the options showing below:

Theme editor top banner

Header Styles

This theme support 3 different header styles: - Logo at left - Logo at right - Logo at center

Header Logo at left

Header Logo at right

Header Logo at center

To configure, open the Theme Editor, scroll down to section Logo, click to expand the logo options. Choose a certain option of Logo position, then click Refresh button appear after.

Change logo position

Colors Customization

To customize colors of the header section, look into the options showing below in the Theme Editor:

Theme editor header

Edit the slideshow

Edit the slideshow in admin page > Storefront Design > Design Options:

Edit homepage carousel

Change position of text content

The theme supports showing slideshow content like heading, text, button on left, right or center of the image. To configure this option, open Theme Editor, Look into section Carousel, click to expand:

Edit position of each carousel slide

Choose position of each slide you want to change.

Colors Customization

To customize color of the slideshow's elements, look into section Carousel in the Theme Editor:

Theme editor carousel

Hide the slideshow

To hide the slideshow on homepage, uncheck on the checkbox Show Carousel in section Carousel of the Theme Editor.

Homepage Body / Sections

The homepage's body is divided into block sections (aka sections), This theme supports up to 10 sections. You can customize which content to show on each section in the Theme Editor:

Theme editor homepage sections

With this feature you can build your own store with a unique layout easily without edit the theme source code. No technical knowledge needed.

We will go through each section's options and customization more details in the chapter Sections.

New Products Section

New products

See how to configure in chapter Sections > New / Featured / Popular Products Blocks

2 Banners 2/3 & 1/3 Column Section

2 Banners

See how to configure in chapter Sections > Image Banners

Featured products

See how to configure in chapter Sections > New / Featured / Popular Products Blocks

3 Banners 1/3 Column Section

3 Banners

See how to configure in chapter Sections > Image Banners

Popular products

See how to configure in chapter Sections > New / Featured / Popular Products Blocks

Instagram Photos Section

Instagram Photos

See how to configure in chapter Sections > Instagram Photos

Recent Posts Section

Recent Posts

See how to configure in chapter Sections > Recent Blog Posts

Newsletter

Change text

To change text appear on this section you can edit the language file as instruction below:

From admin page > Storefront Design > My Themes, click button Advanced > Edit Theme Files of the current theme:

Edit theme files

From the left navigation, click to edit the language file (e.i en.json):

Edit language file

See the section Newsletter you can edit as you want:

Edit language newsletter

Colors Customization

To customize colors of the header section, look into the options showing below in the Theme Editor > Footer:

Theme editor newsletter

Social Icons

To show/hide or change position of the Social Icons, look into the options showing below in the Theme Editor > Social Media Icons:

Theme editor newsletter

Footer Info

Edit text of About Us

Edit the language file, section footer > about and about_text:

Edit language about us

Edit text of Contact Info

Edit the language file, section footer > call_us and email:

Edit language about us

The address is edited in admin page > Store Setup > Store Profile > Store Address:

Edit store address

Edit Navigate

Navigate links automatically showing all your published pages.

You can change the heading in the language file:

Edit language navigate

Edit Location

You can change text and image in the language file, section footer > location and location_image:

Edit language location

Theme support 2 type of brands carousel: Static Images and Dynamic Popular Brands.

Theme editor footer brands carousel

If using this option, your custom images will be showed up instead of the real brands you input in the backend.

You can change text and image in the language file, section footer > emthemesmodez > brands:

Edit language brands images

The theme supports up to 10 images.

To hide any image, just input a single space in the quote, for example "image1": " ".

If using this option, your store's real brands will be showed up.

Theme editor footer real brands carousel

To hide the brands carousel, in the Theme Editor > Footer > Show brands in footer, choose Disable.

Payment Icons

Theme editor payment icons

To show/hide any payment icons, go to Theme Editor > Payment Icons > check/uncheck the corresponding payment methods.

Theme editor copyright

Colors Customization

To customize colors of this section, look into the options showing below in the Theme Editor > Footer > Copyright section.

Show/Hide Power By text

To show/hide the text "Powered by BigCommerce", toggle the checkbox Show "Powerd by BigCommerce" in the Theme Editor > Footer.

Show/Hide Store Name text

To show/hide this text, toggle the checkbox "©", current year and store name in the Theme Editor > Footer.

Show/Hide GeoTrust SSL seal

Toggle the checkbox Show Seal in the Theme Editor > Footer > GeoTrust SSL.