Home Page Sections

Overview

From Sections tab of Customize (Theme Editor) You will see all sections of the viewing page.

Except 3 sections Header, Mobile Menu, Footer will appear as general sections in all pages, other sections in the red rectangle of above screenshot are using for Home Page only.

How to Edit section

Click to section that you want edit, the section will explain to show all sections to control it.

How to Add new section

At the bottom of Sections tab, click to add new section.

How to Change position (re-order) section

Click to the icon and hold it to move the section to area that you want.

How to Delete section

Click to section that you want delete, the section will explain, scroll down and click button to remove this section.

How to Hide section (temporary don't use)

Click to the icon, this section will disable. Click again to show/enable this section.

Sections of Marco Themes

Welcome Message

• Section Title as add new: Welcome Message in Store information group

• Section Title as existed in demo: Welcome Message. In default (demo layout) this section only show in Mobile.

Click to edit.

These option fields for this section: Display on, Title (Heading), Sub Title and Content is HTML field.

Slideshow

• Section Title as add new: Slideshow in Image group

• Section Title as existed in demo: Slideshow . There are 2 sections: 1 for Desktop and 1 for Mobile.

Click to edit.

These option fields for this section: Display on, Slide effect (include 4 effects: Sliding, Fading, Cube, Flipping ), Auto-rotate slides, Slide width in px (Desktop), Slide height in px (Desktop), Enable Navigaiton, Navigation Position and Enable Pagination.

The Important area is the Content area (bottom). It will listing all slide of Slideshow. Click to Slide to edit. If you want add more slide, click to

You will got options:

• Slide Background: Upload image to show. Also can set Slide link, Captions Entrances Effect and Captions Exits Effect

• Title: It's heading of the caption.

• Description: it's description of the caption.

• Action: it't action button of the caption.

• Other captions (maximun is 6) you can set below.

With each caption element, you need set the style and position to make it show the like your idea. These options area Style, horizontal position(x), align with horizontal position, vertical position(y), layer order(z)

Top Collection

• Section Title as add new: Top Collection in Collection group

• Section Title as existed in demo: Top Collection

Click to edit.

These option fields for this section: Display on, Title (Heading), Sub-title, Image width, Image height, Items cut off point (It will only show x_number collections only, when content block > x_number, it will display in the collapse).

The Important area is the Content area (bottom). It will listing all collections content. Click to block to edit.

You will got options: Upload image, Edit caption and Responsive layout. Select options to show as your idea.

Collection Tab

• Section Title as add new: Collection Tab in Collection group

• Section Title as existed in demo: Collection Tab. In default (demo layout) this section only show in Mobile.

These option fields for this section: Display on, Collection title (Heading), Collection sub-title, Responsive columns group options, Products per row, Limit product show.

The Important area is the Content area (bottom). It will listing all tabs content. Click to block to edit. If you want add more tab, click to

In each tab content, you need input the Tab title and select Collection to show products.

Collection Slider

• Section Title as add new: Collection Slider in Collection group

• Section Title as existed in demo: Featured Products New In Store Best Selling. In default (demo layout) this section only show in Desktop.

Click to edit.

These option fields for this section: Display on, Collection title (Heading), Collection sub-title, Select Collection to show products, Slider and Responsive options.

Cateogies List

• Section Title as add new: Cateogies List in Store Information group

• Section Title as existed in demo: Only The Best. In default (demo layout) this section only show in Desktop.

Click to edit.

These option fields for this section: Display on, Title (Heading), Sub-title.

The Important area is the Content area (bottom). It will listing all blocks content. Click to block to edit. If you want add more block, click to

In each block, you need upload Image banner in the left, and right information: Title, Sub Title, Select link list.

Banner Grid

• Section Title as add new: Banner Grid in Image group

• Section Title as existed in demo: Banner Grid. In default (demo layout) this section only show in Desktop.

Click to edit.

These option fields for this section: Display on, Title (Heading), Sub-title, Image width and Image height.

The Important area is the Content area (bottom). It will listing all banner(s) content. Click to banner block to edit. If you want add more banner block, click to

In each block, you need upload Image banner, Link, Action text and Responsive group options.

List Blogs

• Section Title as add new: List Blogs in List Blogs group

• Section Title as existed in demo: Latest Stories.

Click to edit.

These option fields for this section: Display on, Title (Heading), Sub-title, Select blogs to show Article, Responsive layout and Limit article show.

Instagram

• Section Title as add new: Instagram in Image group

• Section Title as existed in demo: #Marco on instagram.

Click to edit.

These option fields for this section: Display on, Title (Heading), Instagram sub-title, Instagram options group, Slider options group (for layout have Slider) and Responsive options group.

The Important area is the Instagram settings options group. You need get the User ID (first array of Instagram Access Token) and Instagram Access Token (how to get), the Client ID is optional.

In some Theme such as Marco Gadget you will have 2 methods to show photos by UserID/Access Token or Instagram photos.

• With User ID and Access Token method, you can auto show all photos in your account. But it can re-order position. It will show sort by date upload.

• With Instagram Photos method, you must input the photo url into the block content. In this case, it will not auto but you can order the poisiton.

Above is screenshot of 2nd method: using Instagram Photos. You need input the photo url, such as https://www.instagram.com/p/BovsFx0hhV4

Carousel

• Section Title as add new: Carousel in Image group

• Section Title as existed in demo: Carousel.

Click to edit.

These option fields for this section: Display on, Carousel title (Heading), Carousel sub-title, Carousel settings group and Responsive columns options group.

The Important area is the Content area (bottom). It will listing all Brand images content. Click to block to edit. If you want add more block, click to

In each block, you need upload Image and Link.

Reviews

• Section Title as add new: Reviews in Store Information group

• Section Title as existed in demo: Recent Customer Reviews.

Click to edit.

These option fields for this section: Display on, Title (Heading), Sub-title, Slider settings group and Responsive columns options group.

The Important area is the Content area (bottom). It will listing all Brand images content. Click to block to edit. If you want add more block, click to

In each block, you need select number stars of rating, Title, Caption review and Name or owser review.