Theme builder
With the help of Shoplo theme builder you can easily create your own online store theme, tailored to your own needs.
Link to the theme builder: https://create.shoplo.com/
Introduction
The theme builder allows you to create a customised template using predefined items. You can go directly to the builder through this link or access it through the dashboard: Layout > Create your own.
In this article you will learn:
Click “Let’s get started!”
Each theme consists of three elements:
- Header
- Content
- Footer
You can only add one header and one footer. In the content part you can insert more elements.
When creating a theme, you will be prompted to create the following pages:
- Home
- Product list
- Product page
- Shopping basket
Adding elements
In the builder on the right side you will find a list of available elements. This list changes for each created subpage. They are divided into appropriate groups, e.g. headers, footers, banners, product lists, etc.
After clicking on the icon you will see the available elements for that specific group.
You can add/move an element by drag and drop
Removing elements
If you want to delete an element/item, simply drag it over the trash bin icon.
Description of elements
Header
The theme allows one header. This icon is available only when creating the Home Page. The header will be automatically copied to all the subpages.
Footer
The theme allows one footer. You add the . footer when creating the Home Page. The following subpages are then automatically removed.
Banners
You can add banners on every subpage. Read more about banners here.
Product grid
The product grid is used for
- the main page
- list of products
- and product page
In the builder, in the list of products you can then choose the number of columns you want visible (from 3 to 5).
Product
This icon is only visible when on the product page. Choose how the gallery, description and additional product information should be be displayed.
Shopping basket
Choose what your basket should look like. This icon is available only when creating a shopping cart page
Separator
The separator is short ext e.g. Bestsellers, Most Popular Products
Blog
This element allows you to display recent posts from a blog run on Shoplo.
Newsletter
Choose what the newsletter should look like. Read more about newsletters here.
In the store you see your picture gallery from your connected Instagram account. Read more about the Instagram widget here.
Reviews
Questions and answers:
- Is the theme builder free of charge?
- Can I use the theme I created with Shoplo’s theme builder for stores outside Shoplo?
- Can I create a theme inspired in an already existing theme?
- Does Shoplo support the theme I created?
- Can I edit an already created theme?
- Can I make a live preview?
- Is there a limit on page elements?
- Which elements are mandatory?
- Why can’t I edit the footer and header on other pages?
- On the home and product list pages, there is the same element name: “grid” – what is the difference of this element between those two pages?
- Troubleshooting
Is the theme builder free of charge?
Yes. The theme builder is available to our customers free of charge. You can use it during the trial period and after you have paid for your subscription.
Can I use the theme I created with Shoplo’s theme builder for stores outside Shoplo?
The themes created with Shoplo’s theme builder are copyrighted by Shoplo, so they can’t be used on other eCommerce platforms. You can’t also sell them as your own.
Can I create a theme inspired in an already existing theme?
The theme builder allows you to create many configurations. It’s really up to you to decide which elements you want to use for your theme. You can inspire yourself with the look of other themes or rely on your own imagination.
Does Shoplo support the theme I created?
Of course! Any theme generated with the theme builder is treated the same as our other themes and we will support it by correcting any errors. Upon customer’s request, our programmers can also make modifications to the theme (the cost of any modification is determined individually).
Can I edit an already created theme?
Themes that are already saved can’t be sent back to the theme builder to be edited.
However, the theme builder will always remember your last project. This way, when you re-enter the theme builder, you can choose whether to start from scratch or continue editing your last project. After the changes have been saved, a new separate theme will be created with the default settings.
Can I make a live preview?
While you are building a theme in the theme builder you can see its preview with sample images. Previewing your store with your products is only possible after you’ve finished working on the theme and you’ve installed it in your store.
Is there a limit on page elements?
We have not set a limit, but you have to keep in mind that the more items, the longer the page will need to load.
Which elements are mandatory?
When you create a theme, you must add a footer and any other element from the content container.
Why can’t I edit the footer and header on other pages?
These are permanent elements for all pages. When you select the footer and header in your main page, these elements will appear on all other pages.
On the home and product list pages, there is the same element name “grid”. What is the difference of this element between those two pages?
That element is a grid of products that looks basically the same on both pages. On the product list (on the category section), you can additionally put a category list on the left, which is a side menu.
Troubleshooting
Ads-blocking plugins (e.g., uBlock) can affect the wizard. If after clicking “install on store”, you will see too long “We’re creating your theme …”, check if you have any plugins that could cause this.
