Scara - Multipurpose WooCommerce Theme

Getting Started

We would like to thank you for purchasing Scara - Multipurpose WooCommerce Theme for your website. We outline all kinds of good information, and provide you with all the details you need to use this product.

If you are unable to find your answer here in our documentation, feel free to ask for help from our support team, all you have to do is contact with us via email tivatheme@cloodo.com.

Introducing Scara - Multipurpose WooCommerce Theme

Scara is a tidy and responsive WooCommerce WordPress theme which is used for multipurpose online store page (Wine, Fashion, Shoes, Jewelry, Interior ...). It has 8 homepage layouts. Every single element of in Scara is entirely responsive, as content can be viewed from desktop and mobile devices.

Installation

There are 2 ways to install the template :

Option 1: Use quickstart package

You should use quickstart package if you are a beginner to Wordpress or to set up your online store instantly. This option is recommended for almost users. A quickstart package contains everything that is demod on template.

Note: All products and contents in quickStart packages are for demo only. We are not responsible for copyright issues or incorrect information. You’d better replace demo’s contents, images and prices with your own products before publishing your business site.

To install template by using quickstart, follow these steps:

  • Upload 2 files on folder scara_quickstart (installer.php and scara_bd9355f2529139267803170921095241_archive.zip) to your host.
    • Install Quickstart
  • Run the installation by url: http://yourdomain.com/installer.php.
  • Tick on "I have read and accept all terms & notices" then click button Next.
    • Install Quickstart
  • Enter info of database then click button Next.
    • Install Quickstart
  • Click button Next.
    • Install Quickstart
  • Click button Site Login then login with account:
    Username: admin
    Password: #@Tiva@#123
    • Install Quickstart
  • Click button Remove Installation Files and Clear Build Cache.
    • Install Quickstart

When the installation is completed, the default content template will be automatically activated on your site. The default template looks like the demo.

Version of Wordpress and WooCommerce on quickstart:

  • Wordpress: 4.8.1
  • WooCommerce: 3.1.2

Option 2: Use theme package

With this option, you will keep the Wordpress, WooCommerce and other data exist on your website. Install scara theme like other Wordpress themes.

Note: You need install some plugins and demo data after install theme to make it similar to the demo.

To install by using theme, follow these steps:

  • Install via FTP: Extract the scara.zip file and upload the extracted folder to the /wp-content/themes/ folder on your server.
  • Install via Admin website: Go to Appearance -> Themes -> Add New -> Upload Theme. Browse to file scara.zip to install template.
    • Install Theme
  • After uploading the theme, you must activate it. Navigate to the Appearence -> Themes page and click Scara's "Activate" button. And you're done.
    • Install Theme
  • After you have actived Scara theme, you will see a notice at the top of the screen. This notice warns you about 10 plugins that are required and recommeded to be installed along with the theme. Click on button Begin installing plugins.
    • Install Theme
  • Plugins that are required and recommeded to be installed along with the theme:
    • Breadcrumb NavXT
    • Redux Framework
    • Siteorigin Panels
    • So widgets bundle
    • Tiva Widgets
    • WooCommerce
    • Contact Form 7
    • Email Subscribers
    • WooCommerce Currency Switcher
    • Popup Maker
  • Select all these plugins, then choose Bulk Actions is Install to install them. Then select all again, choose Bulk Action is Activate to active them.
    • Install Theme

Import Demo Data

To make the template similar to the demo, you need import demo data:

Pages

  • On admin page, go to Tools -> Import, then click Install Now on section Wordpress.
    • Demo Data
  • After install, click Run Importer, browse to file pages.xml (on folder Demo Content) then click button Upload file and import.
    • Demo Data
  • Choose user to assign posts, tick on Download and import file attachments then click button Submit
    • Demo Data
  • After import, go to Pages, you will see all pages of Scara template.
    • Demo Data

Posts

  • Follow steps like import pages data above to import file posts.xml. After import, go to Posts, you will see all posts like on template demo.
    • Demo Data

Products

  • Follow steps like import pages data above to import file products.xml. After import, go to Products, you will see all products like on template demo.
    • Demo Data

Contact Forms

  • Follow steps like import pages data above to import file contact_forms.xml. After import, go to Contacts, you will see all contacts like on template demo.
    • Demo Data

Popups

  • Follow steps like import pages data above to import file popups.xml. After import, go to Popup Maker, you will see all popups like on template demo.
    • Demo Data

Theme Options

    To make the configuration of template (Logo, Color, ...) like the demo, you need import theme options data:

  • On admin page, go to Theme Options -> Import / Export, then click button Import from File , copy content on file theme_options.json into the textarea. Finally, click button Import.
    • Demo Data

Widgets

    To put widgets on correct sidebars like the demo, you need import widget data:

  • On admin page, go to Plugins -> Add New, then search and install plugin Widget Importer & Exporter.
    • Demo Data
  • Go to Tools -> Widget Importer & Exporter, browse to file widgets.wie (on folder Demo Content) then click button Import Widgets.
    • Demo Data

Media

  • After you import above demo datas, there will not be demo images. So please use the images on folder Demo Content/images to adapt for your website (for example: slideshow, product, ...) to make it similar to our demo.

Menu

  • The main menu on template is located on location Primary. So please set location Primary for the menu which you want to set to main menu.
    • Demo Data Demo Data

Configuration

Homepage

There are 8 homepages on the theme. To set homepage, please follow these steps:

  • On admin page, go to Theme Options -> General, then select homepage you want.
    • Config Homepage
  • Then go to Settings -> Reading, on section Front page, select homepage corresponding with homepage on step 1.
    • Config Homepage

Theme Configuration

On admin page, go to Theme Options to configure the theme. There are 4 tabs: General, Product, Blog and Footer.

General

Theme Configuration
  • Homepage: Set homepage for website.
  • Site Logo: Logo image of website.
  • Site Favicon: Favicon icon of website.
  • Primary Color: Primary color of website. It will be applied for button, link when hover, cart number, product price, ...
  • Breadcrumb Image: Image of breadcrumb section.
  • Breadcrumb Color: Color of text on breadcrumb section.
  • Page Loader: Turn on/off loader icon when open website page.
  • Back To Top button: Turn on/off Back To Top button.
  • Fixed Header: Turn on/off fixed header. If turn on, the header will be fixed (always on top when scroll).

Product

Theme Configuration
  • Product Category Sidebar: Sidebar position on product category page (Left, Right, No Sidebar).
  • Product Thumbnail Position: Thumbnail position on product detail page (Horizontal or Vertical).
  • Show Related Products: Show/Hide Related Products section on product detail page.
  • Show Rating On Product Category: Show/Hide rating on product category page.
  • Show Rating On Related Products: Show/Hide rating on Related Products section on product detail page.
  • Product Rating Color: Color for rating star.

Blog

Theme Configuration
  • Blog Sidebar: Sidebar position on blog page (Left, Right, No Sidebar).
  • Blog Layout: Layout for blog page (List or Grid).
  • Show Author Box: Show/Hide Author Box section on blog detail page.
  • Show Related Posts: Show/Hide Related Posts section on blog detail page.
  • Show Comment: Show/Hide Comment section on blog detail page.

Footer

Theme Configuration
  • Footer Area: Turn on/off footer area.
  • Footer Columns: Number of columns on footer area (1 or 4 columns).
  • Footer Copyright: Content of copyright section on footer.

Sidebar System

Scara theme has 11 sidebars to put widgets on. Here is map of them:

  • Switcher: Place for switcher widgets like WooCommerce Currency Switcher, ...
    • Sidebar
  • Blog Sidebar: Place for widgets on blog page.
    • Sidebar
  • Product Category Sidebar: Place for widgets on product category page.
    • Sidebar
  • Product Category Top: Place for widgets on top of product category page.
    • Sidebar
  • Menu Sidebar (Home 3, 5): Place for widgets on sidebar menu (Homepage 3, Homepage 5).
    • Sidebar
  • Footer Top, Footer 1, Footer 2, Footer 3, Footer 4, Footer Bottom: Place for widgets on footer.
    • Sidebar

Mega Menu

On each menu item, you can see the setup area for mega menu. Tick on Active mega menu if the menu has more than 1 column. Select number of columns for this menu on section Dropdown Size.

Mega Menu

Note: If you don't see this area on the menu, please go to Popup Maker -> Setting -> Misc, tick on Disable Popups Menu Editor.

Mega Menu

Page Builder

The theme use Siteorigin page builder. To know more info about using it, refer to: https://siteorigin.com/page-builder.

Page Builder

Tiva Widgets

Scara theme include some Tiva Widgets:

  • Tiva Slideshow
  • Tiva Custom HTML
  • Tiva Video
  • Tiva Counter
  • Tiva Images
  • Tiva Instagram
  • Tiva Posts
  • Tiva Products
  • Tiva Social
  • Tiva Testimonials
  • Tiva Sidebar Posts
  • Tiva Child Categories
Tiva Widgets

Getting Support

If you are unable to find your answer here in our documentation, feel free to ask for help from our support team, all you have to do is contact with us via email tivatheme@cloodo.com.

Our support scope

Our support covers configuration, building site as demo, trouble using any features, and bug fixes. We don't provide support for customizations or 3rd party extension.

Note: If you want to update Wordpress or WooCommerce to higher version than current version on template (Wordpress 4.8.1, WooCommerce 3.1.2), you can use our custom work service.

Our support time

We try our best to monitor the email around the clock, however, this is not always possible due to different time zones. We will try to reply you as fast as we can.

Our working time is 8.00 AM - 5.30 PM, Monday to Friday (GMT+7). So if ask for help in the weekend, you may have to wait a little bit for support and please be patient.