Layer Tree

What is the Layer Tree feature?

The Layer tree feature in GemPages Editor V7 allows store owners to manage sections/elements more easily with visual layout design in tree form. 

This feature brings various benefits for your store to grow more efficiently: 

• Ease of Navigation: A well-structured layer tree makes it easier for users to navigate various product categories and quickly find specific items.
• Keyword Optimization: Each layer in the tree can be optimized for specific keywords related to products and services, helping improve search engine visibility.
• Structured Data: Search engines like Google use structured data (such as schema.org markup) to understand your site’s hierarchy, potentially improving search engine rankings.
• Scalability: As the e-commerce site grows and introduces more products, a well-organized layer tree allows easy scalability without compromising user experience.
• Manageability: When products are organized into categories and subcategories, managing inventory, promotions, and content becomes easier.

How to add the Layer Tree feature to your page?

Step 1: Open GemPages Editor V7 and find the Layer tree feature on the left side of the bar. 

Step 2: Click on the Layer Tree button for it to appear. 

How to use the Layer tree feature with GemPages Editor V7?

• Move the Layer modal in the design area. Kindly note that moving outside the design area, such as to the sidebar or header, is not permitted. 

• Adjust the width and height of the Layer tree feature.

• Click on each section to open and activate the child elements in settings.

• Click the “…” button or rick-clicking your mouse to open the context menu. 

• To highlight each element in the design area, you can hover over it.