After choosing the suitable theme for your online store, click on the Configure button to modify the theme's elements according to your needs. Here, you will be prompted with a new page where you can change your store's layout and see the changes you've made in real-time.
From the menu on the left side of the page, you will choose the area where the changes will take place:
- General Configurations
- Header & Navigation
- Footer
- Product Box
- Home
- Product Listing
- Product Details
- Shopping Cart
- Checkout
1. General Configurations
1.1 Website Identity
In the Site Identity section, you can add your online store logo.
1.2 Theme
You can choose the content's width to be 100% or a specific value set by you in the Theme section.
In this section, you can choose the font you want to use in your online store and to specify its size.
1.3 Headlines
You can choose the size, colour, and headlines’ style for your online store in the Headlines section.
1.4 Buttons
You can choose the button’s size, text colour, and background colour for the buttons in your online store in the Buttons section.
The settings made in this section apply to Send Review and NOT to the Add to Cart button.
1.5 Call to Action (Add to Cart Button)
In the Call to Action section, you can change the text’s colour, background colour, and style for the Add to Cart button.
1.6 Background
In the Background section, you can add a colour to your website’s background.
The colour will be displayed if you did NOT check the 100% Width box in the Theme section.
1.7 Trust Icons
In the Trust Icons section, you can change the background colour, the colour for the texts on the icons, and the tooltip text's colour (explanatory text optionally added).
See HERE how to add trust icons in your online store.
2. Header & Navigation
2.1 Header
In the Header section, you can change the width and height for the header. You can change the background colour, the colour of the links, of the phone number, of the search button, and for the search text.
2.2 Menu
In the Menu, you can change the Menu's size, the background colour, the colour of the links, the style of the text, and of the hover link.
3. Footer
3.1 General
In the General section, you can change the content’s width, and it’s background colour.
3.2 Links
In the Links section, you can set the links’ height, size and colour.
3.3 Text
In the Text section, you can set the size and the colour of the text displayed in the footer.
3.4 Zones
In the Zones section, you can hide the newsletter, social media and customer support zones. Also, you can set these zones height, background colour, the colour of the newsletter button, the text colour of the subscribe to newsletter button and the text colour that accompanies this section.
4. Product Box
4.1 Name
In the product Name section, you can set the size of the product name, its colour, the number of rows on which it will be displayed and its style.
4.2 Price
In the Price section, you can choose the size and colour for the final price and the special prize's size and colour.
4.3 Image
In the Image section, you can choose the size of the product's main image.
4.4 Options
In the Options section, you can display the Details button for your store's products and change the colour for Ratings.
If you've checked the Show Details Button, you will be prompted with the Details button when you hover the mouse over the product, which will open a pop-up with details about the respective product.
5. Home
5.1 Slider
In the Slider section, you can change the slider's height and width (the area where the banners are displayed on your homepage). Also, you can set the colour for your labels and their background.
5.2 Content
In the Content section, you can hide the store's description on the Home page.
6. Product Listing
6.1 Banners
In the Banners section, you can set the banner's height that will be displayed in the categories.
6.2 Title
In the Title section, you can set the size and colours of the categories' title.
6.3 Filter Menu
In the Filter Menu section, you can set the size and colour of the links. Also, you can change the size, colour and the titles' style.
6.4 Selected Filters
You can set the text size, text colour, and background colour for the selected filters in the Selected Filters section.
7. Product Details
7.1 Title
In the Title section, you can change the title’s size, style and colour.
7.2 Text
You can change the size, colour, and text’s style displayed next to the product in the Text section.
7.3 Price
In the Price section, you can change the price’s size and style.
7.4 Links
In the Links section, you can change the size and the style of the links displayed on the product page.
7.5 “Add to Cart” Button
In the “Add to Cart” Button section, you can change the button’s size and the text’s style.
7.6 Phone number
In the Phone no. section, you can set the colour of the phone no. displayed in the product’s details.
7.7 Stock information
In the Stock information section, you can set the size, colour and style for the stock's information.
7.8 Options
In the Options section, you can hide the “Add to Wishlist”, “Ask Info”, and “Social Media” sections, change the news icon colour and the discount icon colour.
7.9 Tabs
In the Tabs section, you can set the tabs’ size, colour and text style.
7.10 Recommendations
In the Recommendations section, you can choose to hide cross-sell or up-sell products.
8. Shopping Cart
8.1 Phone number
In the Phone no. section, you can set the size, colour, and style of the phone number displayed in the shopping cart.
8.2 Totals
You can set the size, colour, and text style for the total price in the Totals section.
8.3 Products
In the Products section, you can set the products’ image size, name size, colour and name style. Also, you can select the prices’ size and style.
8.4 Options
You can choose to hide the trust icons, footer zones, or the quick links in the Options section.
9. Checkout
9.1 Sections
In the Sections tab, you can set the title’s size, colour and style displayed on the checkout page.
9.2 Field Labels
In the Field Labels section, you can set the size, colour and text style for the field labels on the checkout page.
9.3 Fields
In the Fields section, you can set the size for the text boxes and their border colour.
9.4 Order summary
In the Order Summary section, you can choose the border colour, the product image size, the size and the colour for the product name. Also, you can set the product price size, the totals size, the colour and the style for the totals.
9.5 Options
In the Options section, you can choose to hide the reviews from your customers on the checkout page.
Comments
0 comments
Please sign in to leave a comment.