Documentation for Toppy – Creative WooCommerce WordPress Theme

1GETTING STARTED

1.1 Introduction

First of all, we would like to thank you for purchasing this theme, your support is truly appreciated. This document covers the installation and use of this theme, reveals some answers to common problems and issues. We encourage you to read this document throughtly if you are experiencing any difficulties. If you have any questions that are beyond the scope of document, please feel free to contact us via our Support Tickets System.

1.2 System Requirements

At the basic level, this theme will require the following conditions:

  • PHP version 5.6 or greater
  • MySQL version 5 or greater
  • WordPress 4.7.x or higher (Please note that it has the best performance on the latest version of WordPress)

Note: Recommended PHP Configuration Limits In several cases, you may deal with problems related to low PHP configuration limits, such as: white screen, demo content fails when importing, empty page content and other similar issues. The solution is to increase the PHP limits. You can do this on your own by editing the following lines in php.ini file in your root directory. This is not a file that comes with WordPress so if you are unfamiliar with it you should contact your web host about increasing those limits to a minimum as follows:

  • max_execution_time 360
  • memory_limit 128M
  • post_max_size 32M
  • upload_max_filesize 32M

2INSTALLATION

2.1 Files Structure

At first, you need to download the package to your computer and then unzip it. The package gives you all the files listed as follows

  • Data folder
    • Slider revolution folder: Contains the “slideshow-1.zip” file, “slideshow-2.zip” file
    • “media.xml” file
  • Theme installation files, including:
    • sw_toppy_theme_vx.x.x.zip file (The newest version)
    • sw_toppy-child-theme.zip file (The child theme is a recommended way of modifying your existing theme.)

2.2 Theme Installation

There are two ways to install this SW TopZ Theme:

  • Quickstart Installation: This one is suitable for the first installation and want to get a whole fresh site as in the Demo. Please note that the quickstart file is not included in the Themeforest package. You could contact us via our Support Page to be supported.
  • Please follow the steps in the Quickstart Installation Instruction for WordPress Theme .

  • Manual Installation (including Theme Installation): If you want to build your site based on available content with SW TopZ, this one will be suitable. It won’t overwrite your old data.
  • Below, we will show you how to install the theme manually.

When you are ready to install a theme, you must first upload the theme files and then activate the theme itself. The theme files can be uploaded in two ways:

  • FTP Upload:
  • WordPress Upload:

Note: If the theme files’ size is larger than 8M, please upload via FTP (File Transfer Protocol).

2.2.1 Theme Installation via FTP

To add the new Theme to your WordPress installation, follow these basic steps:

  • Download the Theme archive and extract the file named themename_version.zip, for example here: sw_toppy_theme_version1.0.0.zip. You may need to preserve the directory structure in the archive when extracting these files.
  • Load your FTP client, such as FileZilla.
  • Use your FTP program to access your host web server, create a directory to save your Theme in the wp-content/themes directory provided by WordPress.For example, the theme named SW Toppy Version 1.0.0 should be in wp-content/themes/sw_toppy_theme_version1.0.0. The theme may provide this directory as part of the archive.
  • Upload the Theme files to the new directory on your host server

To select the Theme for your site:

  • Log in to the WordPress Administration Panels
  • Select the Appearance panel, then Themes to find the new theme uploaded.
  • From the Themes panel, roll over the Theme thumbnail image for the Theme you are interested in to see options for that theme.
  • You can view more information about any theme by clicking Theme Details.
  • A live preview of any Theme (using your blog’s content) can be seen by clicking Live Preview.
  • To activate the Theme click the Activate button.

Your selection will immediately become active.

Note: If the Theme preview is blank, do not activate the new Theme without investigating further. Your site may not be displayed correctly, otherwise.

2.2.2 Theme Installation via WordPress Admin Panel

Step 1 – Open the wp-admin panel (Navigate through web browser to the folder where you have installed the WordPress, for example: www.your_domain.com/wp-admin/).

Step 2 – Login to your WordPress Dashboard and navigate to Appearance >> Themes. At the top of the page, click the Add New button.

Step 3 – Click the Upload Theme button >> Choose File to import the theme from your computer. Select your sw_toppy_theme_v1.0.0.zip file and click Install Now.

Step 4 – You have a few minutes to wait till you see the message announcing that Theme installed successfully.

Step 5 – After that, you will be able to activate the theme.

Step 6 – Press “Save Changes” to complete the theme activation.

 

Once theme is installed, you need to install Required Plugins to get full features working.

2.3 Required Plugins Installation

    Step 1 – After installing and activating the theme, you will see a yellow popup at the top of the page. The message notices that: “This theme requires the following plugins…”, and you need to click the ‘Begin Installing plugins’ link.

    Step 2 – You will be redirected to ‘Install Required Plugins’ page, here you will find all of the required plugins. To install these plugins, just check all of them to choose, and select Installin the dropdown menu to install what you have chosen.


    A message will be displayed to denote that you have just installed the required plugins successfully as following:

  • Note: When installing plugins, if you see a notice that some plugins have unsuccessful installation, please choose each plugin to install again. This case usually occurs as you select all plugins to install at once.

  • Step 3 – After installing required plugins successfully, you will see a yellow popup at the top of the page noticing that you need to activate the plugins.

    Step 4 – You will be redirected to ‘Install Required Plugins’ page, here you will find all of the required plugins. To activate these plugins, just check all of them to choose, and select Activatein the dropdown menu to activate what you have chosen.

    A message will be displayed to denote that you have just activated the required plugins successfully as following:

  • Note: After activating the plugins successfully, please go to the Dashboard to see the changes in the Admin Panel and to continue styling your website.

  • 2.4 Change Product Image Sizes

    You can change the image size in “Woocommerce > Settings > Products > Display” section.

    woocommerce

    After change the images sizes, you should regenerate all the thumbnails. For this, you should install and activate “Regenerate Thumbnails” plugin.

    2.5 Import Demo Data

    Step 1 - In the Administrator page, please navigate to Appearance >> Import Demo Data.

    Step 2 - Please click “Import Demo Data” button.

    The process will take a couple of minutes. After receiving a message which shows “Importing all done!”, please follow the next part of this document to import “media.xml” file.

    2.6 Import Media file

    Step 1 - In the Administrator page, please navigate to Tools >> Import.

    import

    Step 2 - Please choose "WordPress" to import.

    wordpress

    Step 3 - In Import WordPress page, click "choose file" button to select file "media.xml" to upload.

    import-media-file

    2.7 Import Revolution Slider

    Step 1 – In the Administrator page, please navigate to Revolution Slider >> Revolution Slider and click Import Slider button.


    Step 2 – You will have a pop-up window like the following image:

    Step 3 – In the window, please choose the “slideshow-1.zipfile (in the Slider revolution folder) and pressImport Slider button.

    Note: Do the same to import “slideshow-2.zip” file. After importing sliders completely, you could see the result like this:

    2.8 MailChimp for WordPress

    SW Toppy This theme uses MailChimp Plugin.

    Frontend Appearance

    Backend Settings

    1. In your Administrator page, please navigate to MailChimp for WP >> Forms

    2. And copy the code here to the Form mark-up field in the page.

    You can click Here to read more about this plugin.

×