Theme Settings tab - General Setting

Modified on Tue, 16 Mar 2021 at 11:27 AM

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


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


Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article