WooCommerce Points System DZS
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
- HTML5 technology - zoomtimeline uses the latest html5 tehniques ( like Histroy API ) to deliver a never seen before experience to your clients
- fully responsive - looks great from mobile to HD
- six modes - full skins to fit every brand
- CSS3 technology - this player uses cutting-edge css3
- SCSS Powered - easy for developers to modify
- Retina-ready - graphics have double resolution for smooth retina viewing
- easy install - purchase, download the zip, read the docs
- iPhone / iPad optimized - this gallery has been optimized for Apple touch devices
- Android optimized - this component has been tested on Android 4.0 and works awesome
- developer / SASS powered - this component's CSS has been built on top of SASS which means SASS users will have an easy time modifying the skins. For non-SASS users it's no problem either because CSS files ( generated by SASS ) are provided
- 100% css skinable - want to make slight modifications to the skins ? The skins are 100% built from the css and it is very easy to edit with css knowledge
- SEO friendly - built with search engine optimization on mind from the ground up, the Testimonial Rotator uses non hidden valid html markup to build the widget
- compatible with all major browsers, including IE - compatible from IE9 to IE11, Edge, Chrome, Safari and Firefox
Installation - top
There are two ways to install the plugin
First you need to install this plugin
Method 1 - Direct WordPress Install
- Just download the zip from your http://codecanyon.net/user/yourusername/downloads directory in a folder of your choosing.
- 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.
- Then in your WordPress installation, in the Plugins panel, click Add New like in this picture:

- Then click Upload, and select the zip you have downloaded from CC. Then click Activate.
- Access any post or page and you will see the new shortcode generator icon
- Add a new timeline from the Insert Shortcode button.
- Start cusomizing to your needs. Have fun!
Method 2 - FTP Install
- Just download the zip from your http://activeden.net/user/yourusername/downloads directory in a folder of your choosing.
- 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.
- Then, if the folder dzs-zoomtimeline is zipped, unzip that too. Then copy the folder in the wp-content/plugins folder
- Access any post or page and you will see the new shortcode generator icon

- Add a new timeline from the Insert Shortcode button.
- 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
- access / create your post / page
- use the shortcode generator to create the shortcode. just inputing this is enougth for a basic timeline with posts feed
[zoomtimeline mode="mode-3dslider"]
- 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:
- download poedit
- go to the plugin folder ( wp-content/plugins/dzs-zoomtimeline or in the package you receive from CC ) to the languages folder
- 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
- 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:
- .zip – Normally you could
just right click and extract to a folder of choice [ on both Mac and
Windows ]
- .html - Notepad++
- .js - Notepad++
- .as - Notepad++
- .fla - Flash CS5
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