HyperCommerce Documentation

HyperCommerce is a fully responsive, WooCommerce supported, mobile first WordPress Theme. It’s beautiful and the efforts our designer and developers have contributed to it enables you to build a great ecommerce site. The theme is loaded with features and tools that allows customization of different aspects of the theme. Hyper Commerce comes with 5 custom font options, custom color options for header, titles, buttons. Start your next site using Hyper Commerce from ThemeThread.

Theme Demo is available at: http://demo.themethread.com/hypercommerce

This documentation intends user to provide proper guidance on installation and using different functionalities of the theme. We have tried to keep this documentation as short and simple as possible.

Download HyperCommerce sample content XML file

Getting Started:

Before getting started, be sure about the compatibility of the theme with your current WordPress version. HyperCommerce is compatible with WordPress version 4.7 or higher. So, it is advised to use latest version of WordPress for best experience, added features, and updated security patches.

If you haven’t installed WordPress, you can download it for free from http://wordpress.org/download and have latest WordPress repository.

Check and update WordPress version:

In order to check the current version of WordPress, we first need to

  • Login to WordPress Admin Panel.
  • Goto Dashboard and Click on Updates

Wait till you have successfully updated WordPress.

Next, we will be now going through installing HyperCommerce into your WordPress.

Download hyper-commerce.zip from http://wordpress.org/themes/hyper-commerce and place it somewhere accessible in your PC

Installation and Activation of the HyperCommerce .

WordPress allows installation of theme via

  1. i) WordPress
  2. ii) FTP or cPanel

 

Installation via WordPress

First login to WordPress Admin Panel and follow these steps

  • Goto Appearance->Themes
  • Click on Add New button
  • Click on Upload Theme
  • Browse for the stacked.zip and upload it
  • Click Install Now

 

Installation via FTP Client or cPanel

You can also install HyperCommerce theme via searching in WordPress and installing it.

Installation via FTP, cPanel

  • Unzip “stacked.zip” file on your computer.
  • Login using FTP client to access your host web server.
  • Locate the wp-content folder in your WordPress install files.
  • Upload the un-zipped stacked.zip folder into the: wp-content/themes folder.

If you want to know more about this topic you can visit : https://codex.wordpress.org/Using_Themes#Adding_New_Themes

Activate the Theme

  • Goto Appearance->Themes and find the recently uploaded HyperCommerce Theme.
  • Hover around the theme thumbnail and Click on Activate button to activate the theme.

HyperCommerce is now activated as current theme and can be customized as user wants.

Import the Demo Content

To import from a WordPress export file into your blog follow these steps.

  • Log into your site as an administrator.
  • Make sure you activated your new theme before proceeding.
  • Go to Tools -> Import
  • Choose “WordPress” from the list.
  • Upload the demo content .xml using the form provided on that page.
  • You will be asked to map the authors in this export file to users on the blog. For each author, you may choose to map to an existing user on the blog or to create a new user.
  • You will then have the choice to import attachments, so click on the “Download and import file attachments” box.
  • Please be patient while WordPress imports all the content. Posts, Pages, Projects, and Menus are imported. You will need assign the menu a theme location & you’ll need to configure widgets. This is a limitation of WordPress’ import system.
  • Enjoy!

Customizer

Customizer is a feature provided by WordPress to allow users to change the outlook of the theme. To access customizer,  you need to access WordPress Dashboard and goto Appearance and Customize. You will get the customizer panel alongside the homepage view of the theme.

Homepage

Hypercommerce includes a dedicated woocommerce based homepage.

You can enable the homepage by following these steps.

  • Create a new page with a title.
  • Choose “Homepage” as the page template.

Setting the page as Homepage

  • Click on Homepage settings > Default Settings of Customizer
  • Select “A static page”
  • Under Homepage, select the page created in previous step
  • Click on publish to save the settings.

 

 

Featured Categories Settings

This option enables users to customize homepage by allowing users to set up to three categories as featured category.

Setting up featured categories

  • Click on Featured settings of Homepage settings within Customizer.
  • Enable the category section by checking the “Show featured categories” option.
  • Select the three woocommerce categories that needs to be featured. Make sure the categories have featured images.
  • Input the title for the section. By default it is set to “Shop by Categories”.
  • Enter the label for the button available in this section. Defaulted to “Shop”.
  • Once Done, Click publish.

 

 

Featured Products Settings

This custom theme setting allow user to set featured product in the homepage.

You can set different number of products as featured in homepage. Follow these steps.

  • Click on Featured Products settings of Homepage settings within customizer.
  • Enable the section by checking “Show featured products”.
  • Enter the title for the section. (Default: “Featured Products”).
  • Select the number of products to display. The option includes Four, Eight and Twelve Products.
  • Don’t forget to publish once all set.

 

 

 

 

New Arrivals Section Settings

This option allows user to set up to Twelve new items to be featured in homepage.

You can use this option by following these simple steps

  • Click on New arrivals section settings of homepage settings within Customizer
  • Enable the section by checking “Show new arrivals Section”.
  • Set the name for the section. Default: “New Arrivals”.
  • Select the number of products to display. Options include Four, Eight and Twelve.
  • Once done, Click on publish button.

 

 

 

Slider Settings

Hypercommerce features a beautiful slider in the homepage. The slider can display different items filtered by a certain tag.

You can set the slider preferences by following these steps.

  • Click on Slider settings of homepage settings within Customizer.
  • Enable the slider by checking “Show slider”.
  • Enter the tag name that will be used by the slider. Default tag: “featured”.
  • Once done, Click on publish button.

 

Theme Options

Theme Options is the custom panel given by this theme to its user. It comprises different sections in order to customize theme.

Sections Listed in this panel are shown below

Colors

One of the basic functionalities of WordPress Customizer which is basically used to change background color and header color of site. However, in HyperCommerce , users are given options to change the color of title link, navigation menu and category link.

You can change your Site Color by following these steps.

  • Click on Colors section of Customizer.
  • Change Header Color, Background Color, Nav Menu Link Color, Button Color, Category Link Color.
  • Once you are done, Click on Save and Publish button.

 

 

Font-Family

      HyperCommerce allows to change its header and body  typography. User can choose their own header fonts and body fonts from six available fonts. To choose your own header font you need to follow these steps:

    • Click on Header Fonts section of Theme Options Panel.
    • Choose the suitable header fonts from the options.
    • Click on Save and Publish button to save your changes.

               To choose your own header font you need to follow these steps:

    • Click on Body Fonts section of Theme Options Panel.
    • Choose the suitable body fonts from the options
    • Click on Save and Publish button to save your changes.

 

 

 

BreadCrumb

HyperCommerce provides a custom breadcrumb and controls to enable and disable the breadcrumb.

To choose whether to enable or disable the breadcrumb you can follow these steps:

  • Click on Breadcrumb within Theme Options in the Customizer.
  • Check “Display Breadcrumb” to show the breadcrumb.
  • Click publish after setup.

Searchbar

Hypercommerce provides options to show/hide searchbar from the theme.

To choose this option you can follow these steps:

  • Click on Searchbar within Theme Options in Customizer.
  • Check “Display Searchbar on the header” to show the searchbar.
  • Click publish to save the settings.

Pagination Type

      HyperCommerce also provides custom pagination options. User can choose either ‘Next/Previous’ or ‘Numbered (1/2/3/4……)’.

To choose pagination options you can follow these steps

Click on Pagination Options section of Theme Options Panel.

    • Choose the pagination type .
    • Click on Save and Publish button to save your changes.

Woocommerce Settings

Hypercommerce includes a specific panel for customizing the woocommerce shop page.

You can set various settings by following these steps:

  • Click on Shop Settings within Woocommerce Settings in Customizer.
  • Select the number of products to be displayed per row. Options include Two, Three and Four.
  • Check the “Show Related Products” to display the Related Products section in Shop page.
  • Check the “Show Mycart Dropdown in header” to show the header Cart. (Note: Header cart will only be displayed if there are any items in woocommerce cart)

 

 

Please Share the Posts, if you liked it: