It’s the place to modify your theme’s general interface
TABLE OF CONTENTS
App Integrations
We recommend using our app for a smoother operation.
Wishlist & Compare App
- To add wishlist & compare function for your store, you have to install an app which supports those requests.
- Choosing between our integrating app or Growave. We suggest using Arena one which is more compatible with the current theme.
- Turn on/off related options:
- Enable Wishlist
- Enable Compare
- Use font icons from app (Only for Arena's app)
Product review app
- To add customer's review function for the store, you have to install an app which supports your need.
- 04 available options: Shopify/ Loox/ Growave/ None (disable)
General Settings
1 - Static section
- Page layout: to adjust your store page outline.
- Boxed: An auto padding will be added around the main content.
- Wide: Full width layout.
Note: - Affect on every page except Home page. - You can choose the layout for each section in its settings.
- Enable Theme config section: For product’s color selections.
- Enable Announcement bar
- Enable Footer Widget
- Enable Footer Iconbox
- Enable Mobile bar
2 - Collection & Product page
Set the collection & product page’s default template with available options
- Collection page
- With sidebar (left sidebar)
- No sidebar
- Infinite: Using Load more button to view more products instead of Page numbers.
- Product page
- Right sidebar
- No sidebar
- Tab information
- Full width
3 - Recently viewed section
Appear at bottom of the product page. Let the customers see the products they've just viewed.
- Turn on Recently viewed section by ticking on the box.
- Max number of content per row: The total item quantity on one row.
- Total items: The max number of products in this section.
4 - Multi languages
- Tick off the Language codes option to show up codes which represent language's names in selection box.
Multi Currency
Set your store’s payment & currency for displaying.
Source
There are 3 options:
- Multiple Currencies by Shopify: this is only available for stores using Shopify Payments. Please refer to this article for more information.
- Multiple Currencies by ArenaCommerce
- Disable: turn off the function.
Currency flags
Choose the displayed flags shape:
- Hidden
- Rectangle
- Square
- Circle
Price format
- With Monetary unit: If your current currency is USD, the prices will appear as $1,000.00 USD
- Without Monetary unit: Prices will appear as $1,000.00
Multiple currencies by ArenaCommerce
- Write down all supported currencies by your store (using the monetary unit), add a space between 02 values to separate them.
Typography
Used to modify the theme font. You can set heading and body's font individually.
The elements can be set are:
- Header font: Using google font
- Body font: Using google font
- Font size
- Font weight
You can visit the font gallery here.
There are 02 ways to set the google font:
- #1 - Insert the font name only → Freely change the font size and font weight below to match your taste.
- #2 - Insert the font code
- From the Google font gallery, click on the one that you like.
- With fonts that have variable or multiple styles, you can choose more than one style and add to your store.
- Copy the bolded text from the link and paste it in the font inserting box.
- Because you've set its font weight when selecting styles, you can only switch between/among them.
For example font code: Dancing+Script:wght@400;600 → only font weight value 400 or 600 can be active. Other values will be disabled.
Note: - Italic style is not supported. - Only insert one font in each text box (Google header font & Google body font field).![]()
Headings of the different sections:
- Heading 1: Blog post heading...
- Heading 2: Comment section heading...
- Heading 3: Recently viewed products heading...
- Heading 4: Product name...
- Heading 5: Frequently bought together section heading...
- Heading 6: Related products section heading…
Color & style
Set colors for the main theme interface. You can also find Favicon settings here.
The elements which can be set are:
Theme color & Favicon
- Insert Favicon
- Main color: arrows, dots, icons’... color
- Divider color: product cards, sections... divider’s color
- Special border color
- Text color: Description, information text... color
- Link color
- Background color
- Border radius: Rounded corners of search bar and other text inputting boxes
Shop color
Modify product’s price and review star’s colors
- Price color
- Sale price color
- Price compare color
- Review star color
- Review star empty color
Breadcrumb
Choose the breadcrumb background and change text color.
Label color
In this theme we got 3 available labels: new - hot - sale. You can change their background and text color here.
To add labels for each product:
- Go to Products settings from your Shopify admin page and pick one product.
- Label Hot and New are added through tags. Scroll down and find the Tags section, add needed one(s) as your preference.
- Label Sale will automatically show up when a comparing price is added. (Comparing price = old price, Price = sale price)
Button 1,2,3
Preset displaying styles for your buttons with following elements:
- Font size
- Font weight
- Padding
- Text color
- Background color
- Hover: Text color
- Hover: Background color
- Border width
- Border color
- Hover: Border color
- Rounded corners