Skip to content

Home Page Sections

Overview

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

Screenshot

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.

Screenshot

How to Add new section

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

Screenshot

How to Change position (re-order) section

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

Screenshot

How to Delete section

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

Screenshot

How to Hide section (temporary don't use)

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

Screenshot



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.

Screenshot

Click to edit.

Screenshot

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



Slideshow

Screenshot

  • 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.

Screenshot

Click to edit.

Screenshot

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 Screenshot

Screenshot

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

Screenshot

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

  • Section Title as existed in demo: Top Collection

Screenshot

Click to edit.

Screenshot

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.

Screenshot

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.

Screenshot

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 Screenshot

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

Screenshot

Collection Slider

Screenshot

  • 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.

Screenshot

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.

Screenshot

Cateogies List

Screenshot

  • 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.

Screenshot

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 Screenshot

Screenshot

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

Screenshot



Screenshot

  • 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.

Screenshot

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 Screenshot

Screenshot

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



List Blogs

Screenshot

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

  • Section Title as existed in demo: Latest Stories.

Screenshot

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.

Screenshot



Instagram

Screenshot

  • Section Title as add new: Instagram in Image group

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

Screenshot

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.

Screenshot

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.

Screenshot

Screenshot

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



Screenshot

  • Section Title as add new: Carousel in Image group

  • Section Title as existed in demo: Carousel.

Screenshot

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 Screenshot

Screenshot

In each block, you need upload Image and Link.

Screenshot



Reviews

Screenshot

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

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

Screenshot

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 Screenshot

Screenshot

Screenshot

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