Discussion on ZoomTimeline - WordPress Ultimate Timeline Pack

ZoomIt

ZoomIt supports this item

Supported

This author's response time can be up to 2 business days.

100 comments found.

Kurty

Kurty Purchased

Hallo, I need change position button “Read More” and Gallery. Now it is http://puu.sh/sCf4I/f068304cfb.png and I need the button “Read More” under Gallery. I need it to http://puu.sh/sCfa7/9c2005698c.png

Thank you

Send me a PM via my profile I can send you update

A few questions:

Is it possible to create anchor links or a query string, so that when someone clicks to “read more” and then returns to the timeline, the scrollbar is in the same location as when they left?

Can the spacing between dates on the scroll bar be adjusted? We have 25 entries on our timeline and the dates are appearing too close together.

Posslble bug: on our timeline, when you click on a date on the scoll bar, the timeline advances to the next date. So clicking on a date of “2000” advances to “2001” instead. We think it might be related to the issue above about date spacing.

Hello

1. Only on custom work

2. What mode ? Might be a simple css fix

Thanks!

To question #2: we’re using mode-slider-variation.

BTW, there is no way to reduce space as there is no extra space to fit the dates

but try to replace them with tooltips with the mode_slider_variation_hexa_mode=”tooltip”

[zoomtimeline mode="mode-slider-variation" post_type="timeline_items" cat="all" date_format="default" skin="skin-light" desc_length="100" mode_slider_variation_content_position="top" mode_slider_variation_hexa_mode="tooltip" order="desc" order_by="date" strip_shortcodes="on" strip_html="on" circuit_the_timeline="on" mode_yearslist_start_from_left="off"]

Hi, i´ve just bought your plugin but i´m a little dissapointed. Basic things as color and fonts set up requires a lot of work and CSS programation. I really think that a plugin should be more user friendly for this basics.

Apart of that your plugin is amazing.

Hello

The shortcode is

[zoomtimeline mode="mode-slider" post_type="timeline_items" cat="all" date_format="default" skin="skin-dark" desc_length="100" mode_slider_variation_content_position="top" order="desc" order_by="date" strip_shortcodes="on" strip_html="on" circuit_the_timeline="on" mode_yearslist_start_from_left="off"]

And you can modify the subtitle from each item from the timeline items custom post type

\\

Cheers
Radu

Thanks for your answer! But i was talking about the big tittle on the left “New film 2016 premiers” and the paragraph underneath. How could i set up one? Thanks!

Hello

Send me a pm via my profile – I can send you update which lets you import that example with one click

Hello,

I’m trying to change the behavior of the “Read More” link to open a popup modal instead of just linking to the permalink of the timeline item.

I was looking at the code, and noticed $margs[‘readmore_markup’], which looks promising, but I couldn’t find a way to change it (not super familiar with PHP).

Does the $margs array come from the shortcode options? I tried to add something like readmore_markup=”hello” but that didn’t change anything. Is this the correct approach?

This is my current usage:

[zoomtimeline mode=”mode-yearslist” post_type=”timeline_items” cat=”all” date_format=”default” skin=”skin-light” desc_length=”500” mode_slider_variation_content_position=”top” mode_slider_variation_hexa_mode=”inshow” order=”asc” order_by=”date” strip_shortcodes=”off” strip_html=”off” circuit_the_timeline=”off” mode_yearslist_start_from_left=”off”]

Never mind, I found the markup box in settings.

Thank you!

Getting this error in console

Uncaught TypeError: window.dzsshuffle_temp_arr.join is not a function at zoomtimeline.js:5

Any help would be great, thanks.

Please comment from the account you purchased

Thanks

Hi there, I have purchased this plugin, and it’s working really well! I am using the Yearlist mode, and would however like to make some customization to the carousel scroll animation’s speed. (ie. going from one item to the next, the scrolling movement is a little too abrupt). Could you please advise if this is achievable, or point me to the source code to make amendments? Many thanks!

Hey

zoomtimeline.js line 1807

                        if(forward){

                            _currArg.css({
                                'left' : '0%'
                                ,'opacity':1
                            })

                            _currArg.animate({
                                'left' : '-100%'
                                ,'opacity':0
                            },{
                                queue:false
                                ,duration: 300
                                ,complete: function(){

                                    $(this).removeClass('active');
                                }
                            })
                        }else{

                            _currArg.css({
                                'left' : '0%'
                                ,'opacity':1
                            });

                            _currArg.animate({
                                'left' : '100%'
                                ,'opacity':0
                            },{
                                queue:false
                                ,duration: 300
                                ,complete: function(){

                                    $(this).removeClass('active');
                                }
                            })
                        }
you can modify duration

Cheers
Radu

Hi, i like your plugin. However, although “Strip HTML on description” is switched to OFF (Cornerstone), the description doesn’t take HTML tags. I’d just like to insert a simple link. How is it possible to achieve this?

Please comment on cornerstone version

Thanks!

Version 1.3.3

I mean please submit comment here https://codecanyon.net/item/zoomtimeline-for-cornerstone-timeline-pack/14532402 or on the item you purchased

Hi! I just installed zoomtimeline in wordpress and tried the sample data timeline and a bunch of others, however, the scrollbar itself won’t show up in any case. am i doing something wrong? kind regards

Hello

Maybe you need more items for the scrolblar to show ?

Cheers
Radu

hey radu! It has some weird glitches together with BeTheme, but as long as the containing section has a max width in px instead of width 100% it works fine :) thanks for answering so quickly! kind regards

Hi!

I bought your plugin to use in a project and looks very nice on desktop but it doesn’t look very good on mobile devices. Could you please take a look at it? https://sean2017.wpengine.com/

Thanks, Sandra

Hey Sandra

Looks awesome

Go to ZoomTimeline > Settings and in extra css enter

.zoomtimeline.mode-blackwhite.under-400 .ztm-content, .zoomtimeline.mode-blackwhite.under-400 .image-con{ 
width: 100%!important;
display: block!important; 
}

and save

Cheers
Radu

Hi, Thank you. I’ve inserted the code you sent me:

.zoomtimeline.mode-blackwhite.under-400 .ztm-content, .zoomtimeline.mode-blackwhite.under-400 .image-con{ width: 100%!important; display: block!important; }

But still didn’t change. The images are not responsive yet. Any clue?

Here is how it looks on mobile:

http://mobiletest.me/iphone_5_emulator/?u=https://sean2017.wpengine.com/

Thanks, Sandra

Hey Sandra

it’s

.zoomtimeline.mode-blackwhite.under-600 .ztm-content, .zoomtimeline.mode-blackwhite.under-600 .image-con{ width: 100%!important; display: block!important; }
in extra css

( not under-400 )

jaley

jaley Purchased

Hello. Great plugin. I have a couple of questions.

I am using the Years List option, and I would like to get rid of the photo on each listing. I can do that, but two things happen (don’t happen).

1.). The text doesn’t shift to the left, so it’s still as if if thinks there is a picture there.

2.). I am left with a shadow, where the picture would normally be. Is there a way to turn that off?

Here’s a screenshot to demonstrate what I mean.

https://cl.ly/3j2E1z2A0g1m

Hello

I just submitted

Should be available for download tomorrow

UPDATE 1.40 [ 02/26/2017 ]

  • [ADD] awesome new interface for
  • [FIX] fix with mode-yearslist items without image

\\

Cheers
Radu

jaley

jaley Purchased

Any progress on this? I haven’t seen it available yet. Thanks!

Yes, you can download latest update and install it

Cheers
Radu

Hi, just bought your plugin. good work. I am using the on center timeline and I have 2 issues: 1. I would like to remove the read more completely. no link or 3 dots. 2. the content of the timeline items is being cut off even if I set it to 500. I would like to have no limit to the words in the timeline item.

thnk you!

Hello

If you set a high enough number for the desc_length, the read more link will not appear

[zoomtimeline mode="mode-oncenter" post_type="timeline_items" cat="all" date_format="default" skin="skin-light" desc_length="12345" mode_slider_variation_content_position="top" mode_slider_variation_hexa_mode="inshow" order="desc" order_by="default" strip_shortcodes="off" strip_html="off" circuit_the_timeline="on" mode_yearslist_start_from_left="off"]

Also you can enable Excerpt from Screen Options ( TOP position when you edit a post ) and check if it includes {readmore}

Cheers
Radu

Using the on center timeline and I am not able to change from Descending order to Ascending order. i tried the default ordering and time yet I can’t get it to change the order. stuck on descending. Any idea how to fix that?

Hello

I tried these two shortcodes and they works as expected

[zoomtimeline mode="mode-oncenter" post_type="timeline_items" cat="all" date_format="default" skin="skin-light" desc_length="12345" mode_slider_variation_content_position="top" mode_slider_variation_hexa_mode="inshow" order="asc" order_by="date" strip_shortcodes="on" strip_html="on" circuit_the_timeline="on" mode_yearslist_start_from_left="off"]

and

[zoomtimeline mode="mode-oncenter" post_type="timeline_items" cat="all" date_format="default" skin="skin-light" desc_length="12345" mode_slider_variation_content_position="top" mode_slider_variation_hexa_mode="inshow" order="desc" order_by="date" strip_shortcodes="on" strip_html="on" circuit_the_timeline="on" mode_yearslist_start_from_left="off"]

Cheers
Radu

i am seing there is an updated version which is 1.40 but when i download its downloading v1.35

We want to group timeline items in same year if they have same year. Any help would be great, thanks.

Sent you a message

and submitted 1.41 to codecanyon too

Good morning, I have a problem with the galleries on the timelines elements. The gallery starts after the text on the right but I need it goes below the text. I can’t have the text justify and the lightbox doesn’t work :(

Please can you help me? Thank you very much best regards

And I see I have problems (little graphics differences) with all the “skin” of the plugin.. I tried also “OnCenter” and I can’t see the lines and the shadows on the image circles..

I change the link for you because with the other page I have to go on with the work for the client. Here the link: http://www.nur-art.net/Alberticasador/timeline/

Thank you again :)

Hello

Sorry for the delay – we had some problems with support times

Go to ZoomTimeline > Settings > Extra CSS and enter

.zoomtimeline .thumbs-gallery-con{ display:block!important; }

and save

Cheers
Radu

With WP 4.8.1 and Avada theme > Notice: Undefined offset: 0 in /var/www/vhosts/amaviamantesdelvino.es/httpdocs/wp-content/plugins/dzs-zoomtimeline/class-dzstln.php on line 2368.

Please update your plugin!!

Thank you by advance

Hello

Send me a message via my profile

I can send you update to test if it fixes

Cheers
Radu

Hi, as you told me, I send you a pm hoping for an uptade of your plugin to fix a bug with the last versión of WP.

I´m using avada theme. My website is http://amaviamantesdelvino.es/

Thank you by advance for you help.

Best regards

Dominique

Hi! Did you received my message?

Sorry, haven’t received it..

Link to my profile – https://codecanyon.net/user/ZoomIt

Add in message box and send

Just sent again!

Hello, I am working with the Slider Variation mode using Timeline Items. I am using the sample slider in order to become familiar with the elements of building a timeline.

The problem I have discovered is that the slider mechanism does not appear nor work properly with Chrome or Firefox. It only works with IE which is a minority of our website users.

Do you have a fix for this?

http://strangebeauty.lindahall.org/timeline-page-1/

When I look at your sample page I see the same problem

http://preview.codecanyon.net/item/zoomtimeline-wordpress-ultimate-timeline-pack/full_screen_preview/14406785?_ga=2.11949751.243614262.1507049206-546635466.1507049206

Mark

Hello Radu,

If I could post a screenshot I would show you, but I will try to describe it.

When I use Chrome or Firefox as the browser

I see the date/event row and it has its own, normal, horizontal scrollbar at the bottom of this section of the timeline

Directly beneath this I see a nicely styled horizontal scroll bar. This one has dates in the scroll bar. And the slider mechanism has a date in it as well. I cannot grab and drag this scroll bar, it does not move. But I can click on the dates in the underlying scroll bar and the slider mechanism does move to these slots. During this movement the year in the slider mechanism flashes through some numbers and ends up showing the destination year.

When I use Internet Explorer or Edge

There is only 1 scrollbar, it is the nicely styled scroll bar. And I can click and drag it just as I would expect and the two rows of content scroll properly as expected.

Please help, Mark

I have spend a little time trying to figure this out, and I believe it is because I am using a Surface Pro 4 as my computer. Your code may be sensing this and responding in a way that is breaking the slider mechanism.

- My account on another PC with Windows 7 and Chrome works fine - My coworker on a Windows 10 PC with same version of Chrome and Firefox works fine - My coworker with a Surface Pro 4 has the same experience of broken slider mechanism - On my Surface Pro 4 with a new account, the same experience of a broken slider

Hope that helps find a solution, Mark

I have found that you can see this problem on any PC by doing the following from your desktop 1. Use Chrome 2. Press F12 to turn on the developer tools 3. Click to toggle the device toolbar 4. Browse the slider

Perhaps having a touch screen (even simulated) and a mouse needs some special handling in the code.

I am working with the Slider Variation with Timeline Items and using the Sample Slider to learn how to work with this plugin.

How do I control the order of events in the timeline?

I was thinking that the items were in the order of Publish Date but that does not appear to be the case. The items appear to go in the order which they are added.

http://strangebeauty.lindahall.org/timeline-page-1/

Thanks for your help, Mark

Hey Mark

How to order items

We made ordering very easy. Just go to Timeline Items in the dashboard, click the category you are using, and you can arrange the items by dragging or using sort arrow

sort timelinline items

Thanks for your quick reply, this worked. I had no idea this interface was there. Is there a more comprehensive documentation beyond what appears in the Documentation button within the plugin?

Hello

That is the whole documentation

This is a new feature and was not documented yet.

Cheers
Radu

I purchased this plugin thinking that it would be a newer version of the DZS Timeline Slider which I have used in the past. This slider has quite a different admin interface but it looks like most of the same functionality is here.

One thing I cannot figure out how to handle is multiple dates in the event row which correspond to the same image in the image row. It looks like the plugin is forcing me to have a 1:1 relationship between events (Timeline Items) and the corresponding image below them.

1.) Is there a way to have one very long image in the bottom scrolling window rather than a separate image for each event?

2.) If not, then how can I have 1 image for 19th century and multiple events 1820, 1830, 1840, etc.

Thanks, Mark

Hello

Yes, we let of of that product because it was hard to support because the mechanism was not thinked through

Yes, I’ll submit update in which text events can work – you can contact me via my profile – I can send it to you

The only thing is that event markers on the horizontal scrollbar are positioned based on featured images – you need to choose to position events based on text event not on featured images.

Cheers
Radu

by
by
by
by
by
by