Discussion on ZoomTimeline - Ultimate Timeline Pack

ZoomIt

ZoomIt supports this item

Supported

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

13 comments found.

Hi! Could the author please shoot me an email? I have several installation questions. Thanks!

Oh I didn’t realize you were coming out with a WP version. I thought there was a way to get JS to work with WP? Guess I own my boss $10, lol. When specifically does the WP version come out?

and it’ll be a plugin, something super easy to just uplaod?

Hey,

Yes, it will be super easy to use, a plugin. With just upload to install. and custom posts and a shortcode generator to use. I will release it in max 30 days.

You can integrate this in WordPress too with some hack html code, but I say it’s worth to wait for the WP version

Hello, I was wondering if it’s possible to use words instead of years and still specify an order for the timeline. E.g. “First Year,” “Second Year,” etc. rather than 1990, 1993, 1995 (for the years list mode). Basically, I need to have events/items in a specific order without actually displaying dates to the viewer, and instead displaying more general timeframes.

Thanks! (I’ll also be waiting for the wordpress theme.)

Hello

This is an option of course in the javascript version ( this one )

That is not an option at the moment in WordPress version, but I can add it for you easily.

I just submitted the wordpress version

I didn’t realize there was a WP version coming out (seems to be live now). Is it possible to get a refund on this one now I’m not going to use it and get the WP version instead?

Hello

Contact Envato Support for refunds

Thanks!

Hello, Is this compatible with Wordpress?

This not .

But we have WordPress version in our portfolio

Thanks!

I am using adobe muse, and don’t know where to start in implementing this Timeline Pack. Can you just tell me where to start researching? Thanks!

Hi

Sorry I am not familiar with Adobe Muse

Is there no access to html code in there ?

Basically all you need to do is copy the zoomtimeline/ folder in your project folder and just insert this code somewhere in your <head> tag

    <link href="./zoomtimeline/zoomtimeline.css" rel="stylesheet">
<script src="zoomtimeline/zoomtimeline.js"></script>

Then you can just add timelines very straight forward from html code

<div class="zoomtimeline skin-default auto-init" data-options="{

}">

    <div class="ztm-item">

        <div class="hex-icon">

            <i class="the-icon fa fa-thumbs-up" />

        </div>

        <div class="hex-desc-con">

            <div class="hex-desc">
                3 days ago
            </div>
        </div>

        <div class="ztm-content">
            <h3 class="the-heading">Package has Left</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation .</p>
            <p><a href="#">Read More ?</a></p>
        </div>

    </div>

    <div class="ztm-item">

        <div class="hex-icon">

            <i class="the-icon fa fa-paint-brush" />

        </div>

        <div class="hex-desc-con">

            <div class="hex-desc">
                2 days ago
            </div>
        </div>

        <div class="ztm-content">
            <h3 class="the-heading">In Transit</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation .</p>
            <p class="thumbs-gallery-con">
                <a href="img/img1.jpg" data-biggallery="gal3" class="zoombox thumb-smoothie" style="background-image: url(img/img1_s.jpg);"></a>
                <a href="img/img2.jpg" data-biggallery="gal3" class="zoombox thumb-smoothie" style="background-image: url(img/img2_s.jpg);"></a>
                <a href="img/img3.jpg" data-biggallery="gal3" class="zoombox thumb-smoothie" style="background-image: url(img/img3_s.jpg);"></a>
                <a href="img/img4.jpg" data-biggallery="gal3" class="zoombox thumb-smoothie" style="background-image: url(img/img4_s.jpg);"></a>
            </p>
        </div>

    </div>

    <div class="ztm-item">

        <div class="hex-icon">

            <i class="the-icon fa fa-ship" />

        </div>

        <div class="hex-desc-con">

            <div class="hex-desc">
                one day ago
            </div>
        </div>

        <div class="ztm-content">
            <h3 class="the-heading">Final Location</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation .</p>
            <p><a href="#">Read More ?</a></p>
        </div>

    </div>
</div>

Thanks!

Hello. I’m using the YearsList mode and I’m wondering if it’s possible to add a caption or a paragraph of text under the image on the left hand side. Thanks!

Send me a PM via my profile

I can make for you an update that can do that

Thanks!

Where is the Mode Slider sample? I cant found it…

Hi

What do you mean ?

Is it not in the source/ folder ? Thanks!

Hi;

Yes its not in source folder but i can copy it from demo site. Its ok for me.

Bests

Thank you!

Hello there. Nice plugin. Is there a way to add months under the year in the timeline?

Hey

Which mode ?

Thanks!

Hello Sir, sorry for late responce. I am talking about the MODE YEARSLIST. What i want to accomplish is to have under each year multiple content sorted by moths.

Hi

This is not possible at the moment

You can only do it in the timeline item content and add static text

Thanks!

Hello, is there some events or methods to work with the timeline? I need to append content and refresh the timeline to accept this items.

Thanks in advance.

Hello

Mode-oncenter is css only

You can append elements with no problem.

Thanks!

Appending items does not work unless I hard code the image url.

Can you show me a link ?

Thanks!

Dear Sir/Madam,

I was about to buy your timeline template.

Do you maybe have an asp.net MVC project where this emplate already is incorporated in? that would really help me with development!

Regards, Frank

Hello Frank

Sorry. We have no experience with asp.net

Thanks!

Hi! Is it possible to add a Read More link even to yearslist or other timeline types? I tried to add a snippet to get a Read More link but unsuccessfully though… :( https://wploop.com/add-read-link-end-excerpt/

Hi

On any timeline item, in the post excerpt field add the short text and at the end add -

{{readmore}}

should be replaced with the read more link

fcro

fcro Purchased

Hi,

I was wondering if it is possible to configure the startItem parameter with the last item instead of the first one (mode-yearslist) and how.

I was also wondering if you offer a customization service (mainly for styling)

thanks !

Yes,

                    <div class="zoomtimeline zoomtimeline0 mode-yearslist auto-init" data-options="{

startItem: $(".zoomtimeline0 > .items").children().length - 1
                    }">
                        <!-- zoomtime line items START -->
                        <div class="items">
...

</div></div>

You just need

startItem: $(".zoomtimeline0 > .items").children().length - 1
zoomtimeline0 is the class of the timeline you are using of course

Send me a pm with details of customization I can send you quote

Thanks
Radu

fcro

fcro Purchased

Hi, Tks a lot & sorry for my late answer (was on vacation). I’ll send you a pm tomorrow ;-)

Hi, I really like your plugin. I tried all the available modes on my site but Ican’t get work the masonry mode. When I insert the shortcode it displays a white screen. With all the rest of the modes everything works fine. I can’t get why. Thank you

Please comment from the account you purchased

by
by
by
by
by
by