RoarTheme Apps

These apps are for RoarTheme's clients ONLY. They are made to help extending RoarTheme templates' capability, to complete the features that cannot be implemented within template technique.

To learn how to install this app type, please follow this instruction

Express Install

  • Use this app to install any RoarTheme themes you purchased
  • Install any skins you like without complex uploading steps
  • You will always have the latest version of your themes with Express Install

Step 1: Installation

To install, click https://haloroar.com/private/importer/install and then follow this instruction

Step 2: Usage

  • Based on the Purchase Code you provided in the install process, the theme matched the Purchase Code and its skins will be listed. Just choose the skin you like to install Express Install
  • After choosing a skin you like, click Install Now to install. You can also choose Get the theme to get the skin file, but you have to upload it to your store manually then Express Install
  • The installed theme will shortly appear in your Themes section Express Install
  • If you purchase another RoarTheme theme, you can switch to that theme by Editing the Purchase Code Express Install
  • One Purchase Code is for one store only. Therefore, you cannot share the code for any other stores for multiple usages.
  • In case you need to move to another store, please Remove the code in current store first. Express Install

Wishlist

Step 1: Installation

To install, click https://haloroar.com/private/wishlist/install and then follow this instruction

Step 2: Usage

To active the Wishlist function in your store, installing the app is not enough, you MUST complete the final steps below:

  • Go creating a page for wishlist. Please note that you must set the Template as page.wishlist RoarTheme Wishlist

  • In the theme general settings, enable the feature and choose the page you just created. RoarTheme Wishlist

Lookbook

  • This app allows you to put lookbooks into your store.
  • You can pin anything you like, such as products, pages... on the image of a lookbook

Lookbook

Step 1: Installation

To install, click https://haloroar.com/private/lookbook/install and then follow this instruction

Step 2: Usage

1. App Dashboard

In the app Dashboard, you can see all of your lookbooks. This app allows you to create various lookbooks as you want

Lookbook

2. Create a Lookbook
  • If you create a new lookbook, you will be asked to choose a background image: Lookbook

  • You can see the editor screen then. You also see this screen when editing an existing lookbook: Lookbook When adding a pin, please enter the URL and the title for it. If you enter a product URL, the app can recognize and will set the title automatically

3. Display your lookbook

To display a lookbook, copy its embedded code and:

  • If you want to display the lookbook in Home Page, add a Custom Widget section and paste the code Lookbook

  • If you want to display the lookbook in a Page, create a page in your store admin and within the content editor, click <> button to switch to HTML mode and paste the embedded code here. Lookbook

  • If you know coding (HTML/CSS), just paste it into any places in the theme source code you want.

Products Popup Notification

  • This app can help boosting up sales by letting your shoppers know which products were purchase.
  • This app is working via SIMULATION data

Products Pupup Notification

Step 1: Installation

To install, click https://haloroar.com/private/popup/install and then follow this instruction

Step 2: Usage

1. How it works

By default, this app displays your REAL purchased products as a notification in the corner of the browser. To do this, it reads your orders data and show the ordered products.

Alternatively, if you don't like to show the real data, you can make a custom list of products you like to show. In this case, the app displays SIMULATION data. Of course, your shoppers never know if it's the fake data or note.

2. Customizing your message

Products Popup Notification

In the app Dashboard, you can custom your message displayed in the notification. You can put the variables in the message, they will be replaced by the real data in front-end. HTML is also accepted if you like to use.

Here's the list of supported variables:

Variables Description
{{location}} The location of the buyer
{{product_title}} Product title
{{product_link}} Product link (URL)
{{time_ago}} Duration from the purchased time til now (in hours)
{{random_time_ago}} a random duration
{{full_name}} Full name of the buyer
{{first_name}} First name of the buyer
{{last_name}} Last name of the buyer
{{city}} City of the buyer
{{country}} Country of the buyer

For example, if I set the message:

{{full_name}} in {{location}} liked <a href="{{product_link}}">{{product_title}}</a> {{random_time_ago}}

Then this is what I have in front-end:

Products Popup Notification

3. Using themes

There are 2 themes: Light and Dark for you to choose

Products Popup Notification

4. Display Options

Products Popup Notification

5. Using SIMULATION data

In case you do not want to use your real orders data, you can make your own custom list of products to be displayed.

First you need to enable Display custom notification instead of real data option then click Add custom notifications

Products Popup Notification

Products Popup Notification

360 Degree Product View

This feature allows you to combine multiple images (frames) of your product from various view into an animated video. You can check the sample here

360 Degree Product View

360 Degree Product View

Step 1: Installation

To install, click https://360view.roarapi.com and then follow this instruction

Step 2: Usage

  • If your Purchase Code is valid and the installation is complete, you will be redirected to App Dashboard: 360 Degree Product View

  • You can make animation from up to 72 images (frames). The 360° View requires at least 2 frames to be visible. The more frames you set, the more smooth animation is 360 Degree Product View

Metafields Manager

What is Metafields?

Sometimes, you need to put more information into a certain product. For example, you need to attach a countdown of sale into a product. Basically, you cannot do this because there is no place for you to put this info in your store admin. In this case, we need metafields.

The metafields (metafields object in full name) allows you to store additional information for products, collections, orders, blogs and pages.

This app help you to add/edit metafields of any products, collections, orders, blogs, pages in your shop. Metafields CAN NOT be accessed via your store admin, it's transparent to even store owner. It can be read ONLY VIA source code. Therefore, this app is used as a supplement for other RoarTheme apps ONLY. Please use under an instruction ONLY

Step 1: Installation

To install, click https://haloroar.com/private/metafields/install and then follow this instruction

Step 2: Usage

1. Access the metafields

You have 2 ways to access the metafields of an item (product, collection, blog...). For example, a product:

  • From the app Dashboard: 360 Degree Product View 360 Degree Product View

  • From your product admin: 360 Degree Product View

2. Add/Edit a metafield

A metafield consists of a namespace, a key and a value. Use the namespace to group different metafields together in a logical way.

For sample, if I am told to add a metafield with given info:

Namespace Key Value
additional_info warranty 2 years

Then I should do:

360 Degree Product View 360 Degree Product View

To edit an existing metafield, select it in the dropdown, then type your new value. Please note that the namespace and key can NOT be changed. You can remove an entire metafield, but cannot edit its namespace or key:

360 Degree Product View

Of course, please do remember to click Save to keep the changes.