Question 1

How to connect the pages created by LayoutHub with Shopify

Accepted Answer

Click here to go to our documentation

Question 2

Installation

Accepted Answer

Installation app

Download App from Shopify App store HERE

Fill your store url and click Install button
Approve the app permissions and continue
Automatically embedded - No coding required steps
Open APP then start to use

Three steps to launch your Shopify store.

Choose one Free theme at: Shopify theme store Or ThemeForest
Get LayoutHub App from Shopify apps Store
Start choosing a layout, customize it and publish

Uninstall / Cancel subscribe charge

If you would like to Uninstall the App/ Stop charging/ Cancel free-trial

Make sure you had recovered/restored your Default Designs that you used before you installed LayoutHub.

Step 1: Revert your theme back to original by go to app Settings and click on the Restore button.

Step 2: Then just need to Click the Uninstall icon in the App list.

Getting started with the interface of LayoutHub

1. LayoutHub Admin Dashboard
2. LayoutHub Library
3. LayoutHub Editor

Question 3

How to config filter for Collection layouts ?

Accepted Answer

We are using filter by tag for Collection so to using it, you must

* From products, ${color}[#ff2600](you must have tags): for example if you want to filter by color: RED, BLUE, GREEN then in your product, you must have these tags

* From filter config in Collection layout, ${color}[#ff2600](you must enter all tags which you want to show in filter)

From library, choose Collection categories and pick one layout here

Go to SIDEBAR and you will see a filter config

1- Config Color (special filter)

Enter filter values As you can see, all colors are showing gray background.
Config color code by go to App Setting
Now color applied on filter sidebar

2- Config Size, Brand

Do the same color by enter tag to products and filter config, it will show like this

3- Config featured product

Simple by choose the collection you wan

Question 4

Create different tabs for different products

Accepted Answer

In the Shopify theme, you can only create one tab for all products, some allow you to use the metafield or write a short code into the product description then the tab will show. In LayoutHub, you can do that by following some of the steps below without the need for a metafield.

Step 1: From product page, add new custom tab

Step 2: Add content for this tab

Step 3: Duplicate this layout and add different tab content

Step 4: Assign this layout to your product you wish to use with 2nd tab content

Question 5

How to use Metafields from Shopify to Product page?

Accepted Answer

In case you want to create only ${color}[#000000](one product template) in our app but you want each product will have a different content such as ingredients, delivery time, or short description. Then you can use to metafield of product in Shopify.

This article will show you how to take the metafields of Products from Shopify to show on Product template created by LayoutHub. Please follow the below steps

The first, you need to add a metafield to Shopify. Go to Shopify admin => Setting => Metafield to add your metafield.

Go to edit your products, you will see a metafield option at the bottom. Just enter your text to that option.

Go to Shopify admin => Setting => Metafield to copy the namespace and key of your metafield.

Go to edit product template in LayoutHub to paste the above namespace and key to where you want to show it, to a text box following this structure {{namespace}}

Save your template and preview it. The namespace will show on the live page (not in the editor)

![](https://storage.crisp.chat/users/helpdesk/website/f17d8def92daf000/metafields_1n

Question 6

What is LayoutHub?

Accepted Answer

LayoutHub Library provides tons of pre-built layouts and sections and focus on the simplicity for content editing, to help the merchants easy to build a nice store with drag, sorting and edit content only. The merchants don't need care about the design, typography, ideal… We are here to help you build it. You just need to see the preview and select it, EASY. All layouts which are considered as the highest converting after researches from Layouthub experts. The layouts will alway update weekly with all the newest trending. LayoutHub is a next generation of content builder. It's not just a page builder, It's completely the best solution for designing your online store!

Why LayoutHub?

High-level of experience with one-click you can see what exactly the layout design
No coding or design skills needed.
Very easy to use with non-ton of options, no embarrassing drag drop.
You have complete control over the look and feel of your website, from its layout, to content and colors.
With a very low price, you can access to our library for thousands of design layouts that are responsive and customizable on many categories.
Data is yours, once you have installed a layout. It will not be affected by the removal of LayoutHub APP.
LayoutHub is faster than any other page builder apps

If you love LayoutHub, could you consider posting an review? That would be awesome and real

Frequently Read Articles

Browse All Categories