Parasponsive WordPress + WooCommerce Theme

Online Documentation

on ThemeForest Our website

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 via my user page contact form here. Thanks so much!

Features:

  1. Fully Responsive
  2. WPML Ready (multilingual)
  3. 3 included language (German, French, Italian)
  4. WooCommerce Ready
  5. Retina Ready
  6. Homepage Layout builder
  7. WordPress 3.6 and early Ready
  8. HTML5 & CSS3
  9. Valid Code W3C checked
  10. Bootstrap Framework
  11. SEO optimized
  12. Paralla Layer slider (you save 15$)
  13. Parallax Effect
  14. Isotope Portfolio
  15. AJAX Portfolio loader
  16. Responsive+AJAX Portfolio item pop up loader
  17. Powerfull admin panel
  18. 640+ Google Fonts
  19. A ton of Shortcodes
  20. Custom Widgets
  21. Social Sharing buttons
  22. Flexiable Settings
  23. Pricing Table
  24. Post Formats
  25. Google map
  26. Contact Form (CF7)

JavaScript Files

JavaScripts
Jquery Framework
Isotope
Magnific Popup
NiceScrolling
Cycle2
Imageload
Knob
Waypoints
Gmap
Tweets
BxSlider
Bootstrap
Placeholder
Fitvids
Modernizer

Our shortcodes

For more flexible content using shortcodes

Code Description
[title size="1 to 6"]Title[/title] Title or use standart wp titles
[one_half last="no"]...[/one_half] 1/2 column
[one_third last="no"]...[/one_third] 1/3 column
[one_fourth last="no"]...[/one_fourth] 1/4 column
[two_third last="no"]...[/two_third] 2/3 column
[three_fourth last="no"]...[/three_fourth] 3/4 column
[dropcap]...[/dropcap] Dropcap
[highlight color="eg. green, black"]...[/highlight] Highlight
[checklist]
  • Item #1
  • Item #2
  • Item #3
[/checklist]
Checklist
[tabs tab1="Tab 1" tab2="Tab 2" tab3="Tab 3"]
[tab id=1]Tab content 1[/tab]
[tab id=2]Tab content 2[/tab]
[tab id=3]Tab content 3[/tab]
[/tabs]
Tabs
[accordian]
[toggle title="Title" open="yes"]...[/toggle]
[toggle title="Title" open="no"]...[/toggle]
[toggle title="Title" open="no"]...[/toggle]
[toggle title="Title" open="no"]...[/toggle]
[toggle title="Title" open="no"]...[/toggle]
[/accordian]
Toggle
[progress percentage="60"]Web Design[/progress] Progress bar
[alert type="e.g. general, error, success, notice"]Your Message Goes Here.[/alert] Alert Messages
[youtube id="Enter video ID (eg. AmBt2Ap-VhU)" width="600" height="350"] Youtube Video
[vimeo id="Enter video ID (eg. 65337755)" width="600" height="350"] Vimeo Video
[soundcloud url="http://api.soundcloud.com/tracks/15565763" comments="true" auto_play="false" color="ff7700" width="100%" height="81"] SoundCloud
[pricing_table]
[pricing_column title="Standard"]
[pricing_price currency="$" price="9.99" time="month"][/pricing_price]
[pricing_row]Feature 1[/pricing_row]
[pricing_footer]Buy now![/pricing_footer]
[/pricing_column]
[/pricing_table]
Pricing Table
[tagline_box link="http://gogetthemes.com" linktarget="" button="Purchase Now" title="GoGetThemes is incredibly responsive, with a refreshingly clean design" description="And it has some awesome features, premium sliders, unlimited colors, advanced theme options and so much more! buy this theme! Our theme works on all devices and all browsers. Amazing customer support"][/tagline_box] Tagline Box
[content_boxes]
[content_box title="Awesome Sliders" icon="film" image="" link="http://gogetthemes.com" linktarget="" linktext="Learn More"]GoGetThemes includes the awesome Layer Parallax Slider as well as the popular FlexSlider2. Both are super easy to use![/content_box]
[content_box title="Unlimited Colors" icon="tasks" image="" link="http://gogetthemes.com" linktarget="" linktext="Learn More"]We included a backend color picker for unlimited color options![/content_box]
[content_box last="yes" title="640+ Google Fonts" icon="font" image="" link="http://gogetthemes.com" linktarget="" linktext="Learn More"]GoGetThemes loves fonts, choose from over 640+ Google Fonts. You can change all headings and body copy with ease![/content_box]
[content_box title="Responsive Design" icon="mobile-phone" image="" link="http://gogetthemes.com" linktarget="" linktext="Learn More"]GoGetThemes is fully responsive and can adapt to any screen size. Try resizing your browser window to see the adaptation.[/content_box]
[/content_boxes]
Content Boxes
[fontawesome icon="mobile-phone" circle="yes or no" size="large medium or small"] FontAwesome icon
[social_links linktarget="" rss="" facebook="" twitter="" dribbble="" google="" linkedin="" blogger="" tumblr="" reddit="" yahoo="" vimeo="" youtube="" pinterest="" digg="" flickr="" forrst="" myspace="" skype=""] Social Links
[separator top="40"] Separator
[person name="John Doe" picture="" title="Developer" facebook="http://facebook.com" twitter="http://twitter.com" google="http://google.com" linktarget=""]Redantium, totam rem aperiam, eaque ipsa qu ab illo inventore veritatis et quasi architectos beatae vitae dicta sunt explicabo. Nemo enim.[/person] Person
[testimonials]
[testimonial name="John Doe" company="My Company" link="" target=""]"Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consec tetur, adipisci velit, sed quia non numquam eius modi tempora incidunt utis labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minimas veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur slores amet untras vel illum qui."[/testimonial]
[testimonial name="Doe John" gender="male or female" company="My Company" link="" target=""]"Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consec tetur, adipisci velit, sed quia non numquam eius modi tempora incidunt utis labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minimas veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur slores amet untras vel illum qui."[/testimonial]
[/testimonials]
Testimonials

1. Install Theme

  • To install Parasponsive theme first you must have a working WordPress site, the theme works on any version of WordPress 3.2.x(3.6 recommended) just make sure you follow the instructions step by step. If you have trouble installing WordPress read this tutorial. There are two ways to install Parasponsive.
    • Via WordPress - Log in into the admin area, navigate through Appearance > Themes > Install Themes > Upload and select the .zip file you downloaded and finally click on Install Now. After the upload, you will be prompted to activate the theme. Do it.
    • Via FTP - The other way is by FTP, log in into your site's FTP through a FTP Client and go into the WordPress installation directory and then navigate to: /wp-content/themes/ and upload the silicon folder here. After the uplad is complete go to Appearance > Themes into your admin area, you will see Parasponsive theme there, hit Activate to activate Parasponsive.
  • After installing theme you need to configure theme and import demo content. Log in into the admin area, navigate through Tools > Import > Wordpress and install WP-importer plugin, if you don‘t have it. Choose demo.xml file from your theme package and click Upload. If you are logged in in the admin panel using the username "admin", then you do not have to choose a user name in the list. If your login is different - select it from the list. Don't forget to check "Download attachment files"!

If you want to adjust the Layer Slider as in the demo:

  1. Open the slider-data.txt and copy all the code.
  2. Go to Layer Slider WP and paste the code into a Import sliders. Click the Import
  3. Now you add a slider (see above)! Copy a shortcode number, and paste in the Appearence > Theme options > Home > Slider Shortcode NOTE: You do not need to insert all the shortcode, only a number.



Our Theme using 2 sliders FlexSlider2 and Parallax Layer Slider 4.5

  1. Layer Slider documentation
  2. FlexSlider2 documentation
  • If the demo data is already imported.

    Once you have gone through all the steps above, your theme is almost ready to go. Now you should see the blog instead of the home page. If you have already imported the demo data, you need to select the required home page. To do this, go to "Settings> Reading" page and select the "Parallax Home page" http://prntscr.com/1phcxj

  • If the demo data is not imported.

    If you do not want to import the demo data, you need to create a home page. To do this, go to the "Pages> Add new", name the page (for example we Parallax Home page) as you need and choose the right template "Parallax Home page". Save page. http://prntscr.com/1phdvg
    Now you need to set this page as the homepage.To do this, go to "Settings> Reading" page and select the "Parallax Home page"

2. Theme update

  1. Make a backup of the theme options. Go to Appearence > Theme options > Back Up. Click "Backup Options" http://prntscr.com/1phx0y
  2. Copy the code into a file and save it on your computer.http://prntscr.com/1phy11 This code configures your theme settings.
  3. Go to "Appearance > Themes" click "Install Themes". Through the form upload a new version of the theme. (in zip format)
  4. Activate the theme.
  5. Go to Appearence > Theme options > Back Up and replace the code your own. (from a text file.) Click the "Import Options"
  6. Now your theme is updated! All of your previous settings were transferred to the new version. Enjoy!

3. FAQ

You need to copy the code skins, and insert it into Appearence > Theme options > Backup Options (Transfer Theme Options Data) and click Import Options


NOTE: Save your settings in a text file on your computer before you import settings skins. We recommend only do it on a fresh installed theme. Skins replace all the pictures you add from Theme Options, and chased yours.

You need create a new page and select the right “Parallax Homa page”. Then you need to select it in Settings > Reading http://prntscr.com/1pfyeq

Go to Appearence > Theme options. Here you can configure your section options enable/disable Intro image and parallax change display settings.

Section Excerpt - you each section you can insert any page (created on advance in the Pages) Watch video help: http://youtu.be/gZhqknKx0Zs

To install Twitter widget please visit https://dev.twitter.com/apps/new
Follow the instructions and creaty new app. At the your's app page at the 'Details' tab copy Consumer Key, Consumer Secret, Access Token, Access Token Secret and paste them in matching inputs. Type your acount name in Twitter ID field.
Type number of posts in matching field.

To install your Instagram widget please follow next link http://www.pinceladasdaweb.com.br/instagram/access-token/.
In the widget area paste your access token and user id, which You get at the link you have visited.
Select number of images from dropdown list in the widget area.

Go to Appearence > Theme options > Back Up. Click "Backup Options" http://prntscr.com/1phx0y

  • Click the Pages tab.
  • Click the Add Page Sub Tab.
  • Pick Pricing Table Template 3 or 4 columns
  • Start filling in the blanks.
  • When you are ready, click Publish.
  • Click the Posts tab.
  • Click the Add New Sub Tab.
  • Start filling in the blanks. You can Use our Shortcodes!
  • As needed, select a category, add tags, and make other selections from the sections below the post. Each of these sections is explained below.
  • When you are ready, click Publish.
  • Click the Posts tab.
  • Click the Add New Sub Tab.
  • Select propriate post format and follow the instractions and fill all nessery fields.
  • Don't pick any category.
  • When you are ready, click Publish.
  • Click the Portfolio tab.
  • Click the Add New Sub Tab.
  • Fill all nessery fields.
  • Upload preview image as Features Image use high resolution for retina displays!
  • When you are ready, click Publish.
  • Click Appearance tab.
  • Click Widgets Sub Tab.
  • There you can find different sidebars for Homepage, Blog and Social for footer part.
  • Drag and Drop any widget you like in the apropriate sidebar.
  • You can create your sidebars, go to Appearance > Sidebars.
  • Click + Add New Sidebar.
  • Enter sidebar name and click OK.
  • By now, you can add it to any widget in the Appearance > Widgets
  • For any simple page you can add your widget! IMPORTANT: If you add a widget to your page, and you want to put it in a section of the home page, sidebar on the home will not be shown - it is forbidden!

Multicolor Skin

Demo

Download skin

One-colored Skin

Demo

Download skin

Developer Skin

Demo

Download skin

I've used the following images, icons or other files as listed.

CSS

  1. FontAwesome font icons
  2. Bootstrap CSS Framework
  3. Linecons font icons
  4. Google Fonts: Lato;

Images

  1. http://www.flickr.com/photos/markjsebastian/5914412293/in/photostream/
  2. http://www.flickr.com/photos/astragony/8245632244/in/photostream/
  3. http://www.flickr.com/photos/astragony/4728211246/in/photostream/
  4. http://www.flickr.com/photos/astragony/8245632244/in/photostream/
  5. http://www.flickr.com/photos/astragony/8260117875/in/photostream/
  6. http://www.flickr.com/photos/astragony/5475339965/in/photostream/
  7. http://www.flickr.com/photos/astragony/8260117875/in/photostream/
  8. http://www.flickr.com/photos/astragony/8245637822/in/photostream/
  9. http://www.flickr.com/photos/astragony/8581254643/in/photostream/
  10. http://www.flickr.com/photos/astragony/8568412976/in/photostream/
  11. http://www.flickr.com/photos/astragony/6776889789/in/photostream/
  12. http://www.flickr.com/photos/astragony/6689741705/in/photostream/
  13. http://www.flickr.com/photos/astragony/6678553853/in/photostream/
  14. http://www.flickr.com/photos/astragony/8346706219/in/photostream/
  15. http://www.flickr.com/photos/astragony/4503371734/in/photostream/
  16. http://www.flickr.com/photos/astragony/4498909883/in/photostream/
  17. http://www.flickr.com/photos/astragony/4370472531/in/photostream/

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.