Table of Contents

  1. Intro
  2. Install
  3. Adding to the Post / Page
  4. Special Features
  5. FAQ
  6. Developer Tips

WooCommerce Points System DZS

Created: 27/02/2011
By: Digital Zoom Studio
Twitter: https://twitter.com/
Facebook: https://facebook.com/dzs
Support - via item comments

Thank you for purchasing my component. If you have any questions that are beyond the scope of this help file - support, via item comments.


Intro - top

Smart point system plugin for your WooCommerce shop. Your users can purchase a points package and get on shopping right away. Setup custom packages and discounts for your users, right from the WordPress control panel.

Other Features

 

 


Installation - top

There are two ways to install the plugin

First you need to install this plugin

Method 1 - Direct WordPress Install

  1. Just download the zip from your http://codecanyon.net/user/yourusername/downloads directory in a folder of your choosing.
  2. Unzip it with your preffered unziping utility. On Windows, there can be some warnings while unziping. Those are nothing to worry about if they appear, they are just Mac OS X files that cannot be read by Windows.
  3. Then in your WordPress installation, in the Plugins panel, click Add New like in this picture:
  4. Then click Upload, and select the zip you have downloaded from CC. Then click Activate.
  5. Access any post or page and you will see the new shortcode generator icon
  6. Add a new timeline from the Insert Shortcode button.
  7. Start cusomizing to your needs. Have fun!

Method 2 - FTP Install

  1. Just download the zip from your http://activeden.net/user/yourusername/downloads directory in a folder of your choosing.
  2. Unzip it with your preffered unziping utility. On Windows, there can be some warnings while unziping. Those are nothing to worry about if they appear, they are just Mac OS X files that cannot be read by Windows.
  3. Then, if the folder dzs-zoomtimeline is zipped, unzip that too. Then copy the folder in the wp-content/plugins folder
  4. Access any post or page and you will see the new shortcode generator icon
  5. Add a new timeline from the Insert Shortcode button.
  6. Start cusomizing to your needs. Have fun!

Then install this addon in the same way

_______________

 

The first button launches the Shortcode Generator

 

 


Adding to the Post / Page - top

  1. access / create your post / page
  2. use the shortcode generator to create the shortcode. just inputing this is enougth for a basic timeline with posts feed
    [zoomtimeline mode="mode-3dslider"]

  3. All done!

 

 


Special Features- top

Find out category id

In the WordPress, there is a special category selector from which you can select the categories by name. But in the Visual Composer, or for custom post types, you might need to manually input the categories id. This is how to scrape the category id.

 

Go to the post categories. Click the EDIT button

 

Find the ID in the url

 

Localization

From update 4.1 the plugin supports localization. You can read more about it here

The process to translate the plugin is fairly easy:

  1. download poedit
  2. go to the plugin folder ( wp-content/plugins/dzs-zoomtimeline or in the package you receive from CC ) to the languages folder
  3. duplicate default.po and rename the dupe to dzstln-{region}_{language}.po -> for example for Spain / Spanish it's dzstln-es_ES.po you can find the format for each language in the link above
  4. open the newly renamed file in poedit - do the changes and save - a .mo file with the same name will be created - that will be the translation file

 


Developer Tips / advanced usage - top

This gallery provides source files ( in the source folder ) so if you are developer you can start customizing it.

Recommended Programs

You can generally use any text editing software to edit most content/code, but this is what I recommend:

 

design_background_offsetw- only for skin customization purposes - background width offset

How to include in your template file

Just use this snipped of code

<?php echo do_shortcode('[timeline ]'); ?>

 
 
How to edit a color in the Timeline

First you need to find the selector on which you can assign the color change

 

Step1 : right click on the portion you want to change color for

 

 

Step2 : in the properties list on right

This has been done in Chrome.

 

Now we have all the info we need. In order to change the color for that element, we just go to ZoomTimeline > Settings in Extra CSS and enter body , the selector, and the property and value. Ie change to red:

body .zoomtimeline.mode-yearslist .yearlist-con{ background-color: #ff0000; }

Save and it should work.

 


Digital Zoom Studio

Go To Table of Contents