Before we start, you will first need to install EcomSolid on your Shopify store. Check out this article for detailed instructions.
After finishing the installation, you will be directed to the Dashboard - the home of your EcomSolid. From here, you can customize your themes, design and manage your pages, and get product updates. For an overview of the EcomSolid Dashboard, click here.
EcomSolid Theme Builder
In general, EcomSolid offers you both the Theme Builder and Page Builder. While the Theme builder provides plenty of pre-designed presets to customize the whole online store with different types of pages, the Page builder gives you full flexibility to create more custom pages, allowing you to be as creative as you desire.
How to use the Theme Builder
Step 1: From your EcomSolid Dashboard, select “Theme Editor” from the left sidebar.
Step 2: You will be directed to the Theme Editor page. The default page is Home Page. You can start customizing your Home Page, or click the dropdown menu from the top bar and select the page you want to work on.
There are ten types of pages for you to customize except the Checkout page, which is managed solely by Shopify.
Step 3: Finalize designing your page.
When everything is in place, hit the “Update live” buttons to bring the updates into your live store.
How does the theme builder work?
By using Theme Builder, the template will be used for all your pages to achieve a consistent look and feel across your entire website.
For example, the Theme builder's Product page template will be applied to all products on your Shopify store. It means that when you access the Product page of product A/ B/ C from your live site, they will use the same design built by the Theme Builder, but the product information, such as product title, description, price, and variants, will be pulled from your Shopify Admin.
EcomSolid Page Builder
How to use the EcomSolid Page Builder
Step 1: From your EcomSolid Dashboard, select “Pages” from the left sidebar.
Step 2: The Page Builder offers you 5-page types: Home Page, Product Page, Landing Page, Collection Page, and Blog Post. Select the type of page you want to work on. Click to choose a page to edit or hit “Create new page” to create a new page.
For a detailed step-by-step guide on how to create a new page with Page Builder, please refer to this article.
How does the Page Builder work?
If you’re looking for a way to create a unique design for your pages, Page Builder will allow you more flexibility. You will be able to create multiple product templates for different products instead of using a uniform look.
Let’s say you create a Product page with Page Builder and use it for Product A. When your customers click on Product A on your website, it will display a different template designed by Page Builder while products B and C use the Theme product template.
Besides, you can create the About Us Page, Contact Us Page, etc., with EcomSolid Page Builder and link to your current store. Click here for further instruction.