Supershop - Professional and Premium Wordpress Themes

User Guide Document

• Created: 06/30/2017
• Latest update: 06/30/2017
• By: 7Up Theme
• Email: 7uptheme@gmail.com

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email me via my email: 7uptheme@gmail.com.

Thanks so much!

Getting Started

Supershop Theme is a simple but modern responsive WooCommerce/Wordpress theme that oozes high-street sophistication. 
Its sharp lines and flat design style has been designed to be pixel perfect. 
Simply load your photography and you can have an online shop to matches the likes of Prada, Gucci and Yves St Laurent.

Please advise us of your feedback, so as we may include them in future updates.
Thank you for your business and support.

Installation

To install the Supershop theme. You need the latest version of Wordpress. Here is the download URL. Once you downloaded and set it up, You are ready to go.
You can install this theme in two ways:

1. Automatic Installation (Recommended)

Step 1. Download ZIP package from Themeforest and unzip it.

Step 2. In unzipped folder you will find a folder named "Supershop WP Theme" and 1 archives: "supershop.zip" file

Step 3. In your Wordpress Dashboard navigate to Appearance > Themes.

Step 4. Click on Add New, then clicking on Upload Theme and browse the Supershop.zip file, finally click Install Now.

Step 5. Wait a while untill the screenshot below appears, on this form clicking on  Activate link  to active Supershop Theme. Theme has been installed and actived.

 

2. Manual Installation.

Step 1. Download ZIP package file from Themeforest and unzip it.

Step 2. In unzipped folder you will find a folder named "Supershop WP Theme" and archive in it: "supershop.zip" file. Unzip "supershop.zip" one more time.

Step 3. Simply upload the unzipped "supershop" folder to /wp-content/themes/ folder on your server via FTP.

Step 4. Login to your Dashboard, go to Appearance/Themes menu and active Appearance theme

3. Install Needed Plugins:

Supershop theme required and recommended the following plugins:

• Visual Composer - Visual Composer for WordPress is drag and drop frontend and backend page builder plugin that will save you tons of working time on the site content. You will be able to take full control over your WordPress site, build any layout you can imagine – no programming knowledge required. Moreover, now you can choose either work on a backend or move your page building process to frontend and instantly you can see the changes you made.
• Contact Form 7 - Just another contact form plugin. Simple but flexible.
• 7up Core - A Core for Supershop theme, create function, call API library...
• WooCommerce - An e-commerce toolkit that helps you sell anything. Beautifully.
• MailChimp for WordPress Lite - MailChimp for WordPress Lite allows you to configure mailer
• Option Tree - Option Tree allows you to create and configure options for supershop theme
• YITH Woocommerce Compare - YITH Woocommerce Compare allows you to compare more products with woocommerce plugin, through product attributes.
• YITH WooCommerce Wishlist - YITH WooCommerce Wishlist allows you to add Wishlist functionality to your e-commerce.

After install Supershop theme you will be noticed to install required plugins, just follow the instruction you will get all set.

The installation process may take a while on some hosts, so please be patient. All installations have been completed. Scolling down and click on the link "Return to Required Plugins Inslaller" to activate those installed plugins.

Return to the Dashboard after all plugins have been activated.

All needed installation have done. Follow next steps if you want to install sample data like our demo website.

4. Importing Sample Data.

If you're using the theme to build a new website which doesn't have content yet, I strongly recommend you to use the demo content files. This theme includes xml data files which will allow you to upload the demo content to your website. The content is the same as in the Live Demo Preview.

To import sample data. On Wordpress Dashboard you select Theme Option -> Import Demo Content

Continuous Click Import Now button

On Popup lightbox select OK to start then waiting a moment while import sample data

All done! Have Fun -> Import Sample Data is Success!

Supershop Theme Options

Theme Options used to setting general attribute for your website

• Tab General Settings: used to config Header Page,Footer Page,Theme Version,Show BreadCrumb,Background Breadcrumb,Body Background,Body Font...
  

  

• Tab Logo Settings: used to upload logo and favicon image
  

  

• Tab Menu Sitting: used to configuration for main navigation
  

  

• Tab Layout Settting:used to setup format layout type for your web site. You can config sidebar is left/right/no-sidebar or add new sidebar.
  

  

• Tab Typography: used to add new google font or customize setup heading tab(h1,h2,h3,h4,h5,h6)...
  

  

• Tab Shop Setting: used to configuration for woocommerce shop page. You can select header/footer/sidebar for shop or change setting product shop column
  

  

Supershop Header & Footer

Supershop support create Header & Footer similar create new pages in Wordpress. So you can create as many pages header&footer

Create New Header/Footer page

After create new header/footer page success, you can choose it as the header/footer of the pages at meta data setting

Supershop Mega Menu

Supershop support create mega menu by method used wordpress editor and shortcodes

Example:

1.Create Mega Menu content media and document text

2.Create Mega Menu by shortcodes of visual composer

You can create shortcode for mega menu by formula:

On Dashboard setting-> select "add new" page->On Visual Composer interface: Select "add element"

Select visual composer shortcode->custom setting->Save Changes

Change editor format classic mode->Backend Editor then copy shortcode

Paste shortcode into menu editor

View Shortcode Mega Menu

Supershop Shortcodes

Supershop theme there are many custom shortcodes that support for create visual template pages.

1. Advantage

Advantage Top used to create advert box include image,link and text intro

Advantage Setting:

Advantage View:

2. Blog

Blog used to get wordpress list post by multiple format style

Blog Setting:

Blog View:

3. Carousel Slider

Carousel Slider used to create Owl Carousel Slider include image and document text

Carousel Slider Setting:

Carousel Slider View:

4. Contact Info

Contact Info used to create box contact infomation include icon,text and link

Contact Info Setting:

Contact Info View:

5. Contact Review

Contact Review used to create box contact infomation include icon,text and link

Contact Review Setting:

Contact Review:

6. Featured Box

Featured Box used to create box introduction include icon,text and link

Featured Box Setting:

Featured Box View:

7. Google Map

Google Map used to create custom interface map for contact page

Google Map support eleven style formatting

• Default
• Gray Scale
• Blue
• Dark
• Pink
• Light
• Blue Essence
• Bentley
• Retro
• Cobalt
• Brownie

7. Hot News Slider

Hot News Slider used to create text box introduction format stream line

Hot News Slider Setting:

Hot News Slider View:

8. Image Link

Image Link used to create box image/link

Image Link Setting:

Image Link View:

9. Latest Post

Latest Post used to get list latest wordpress post

Latest Post Setting:

Latest Post View:

10. Letter Popup

Letter Popup used to show popup advertiment before load pages

Letter Popup Setting:

Letter Popup View:

11. Logo

Logo used to upload logo image for your site

Logo Setting:

Logo View:

12. Mailchimp

Mailchimp used to create mailchimp newsletter

Mailchimp Setting:

Mailchimp View:

13. Menu

Menu used to create main menu for your web with multiple slyle

Menu Setting:

Menu View:

14. Message Box

Message Box used to create alert message

Message Box Setting:

Message Box View:

15. Mini Cart

Mini Cart used to create wordpress mini cart box

Mini Cart Setting:

Mini Cart View:

16. Process Bar

Process Bar used to create jquery chart or progress bar

Process Bar Setting:

Process Bar View:

17. Process Bar

Process Bar used to create jquery chart or progress bar

Process Bar Setting:

Process Bar View:

18. Product Category Menu

Product Category Menu used to create category menu dropdown

Product Category Menu Setting:

Product Category Menu View:

19. Product List

Product List used to get woocommerce product list slider show by multiple style

Product List Setting:

Product List View:

20. Product Tab

Product Tab used to get woocommerce product list by format tabs

Product Tab Setting:

Product Tab View:

21. Rev Slider

Rev Slider used to create a revolution slider

Rev Slider Setting:

Rev Slider View:

22. Search Product

Search Product used to create smart search form for woocommer product

Search Product Setting:

Search Product View:

23. Social

Social used to create list social network

Social Setting:

Social View:

24. Supper Deal

Supper Deal used to get list woocommerce product follow timer countdown setting

Supper Deal Setting:

Supper Deal View:

Supershop Widgets

Supershop theme have three custom widget that support for create element on sidebar.

1. Advantage Slider

Advantage Slider used to create widget slider show

2. Post Tab

Post Tab used to create widget tabs popular post/recent post

3. Product Filter

Product Filter used to create widget filter product by attributes category,size,color or brand

Source and Credits

I would like to thank the following providers. This theme would not have been possible without the hard work and dedication of all of them.

1. Library jQuery
2. Theme custom scripts
3. jQuery UI
4. Fancybox - Fancy jQuery lightbox alternative
5. Attractive jQuery Circular Countdown Timer Plugin - TimeCircles
6. jQuery Bootstrap
7. JqueryBX Slider Designed and built by: Steven Wanderski - Chicago web developer
8. jQuery OwlCarousel by Bartosz Wojciechowski

Frequently Asked Questions

Support

If you face any problems with the installation or customization of our product please do not hesitate to contact us via comment on ThemeForest or send your question to our email: 7uptheme@gmail.com

We have done a ton of work to make our template very easy in configuration, updating and customization, please rate it with hight star if possible (on the downloads page). Good mark will be appreciated.

Thank you.

Wish you success.