Code

Discussion on The Parallaxer WP - Parallax Effects on Content

Discussion on The Parallaxer WP - Parallax Effects on Content

By
Cart 828 sales

ZoomIt supports this item

Supported

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

210 comments found.

Just purchased the plugin and am having the hardest time figuring out how to use it. I am using Vantage theme and the latest version of Worpdress.

Is there some sort of a manual, or a step-by-step on how to get started?

Thanks.

Hi

Can you reenable the parallaxer so I can check ?

Thanks!

Hi,

Is it possible to get a refund? I feel that there are too many bugs with the plug-in, and I am spending a lot of time figuring out how to use it, and still haven’t figured out a lot of things as no documentation is provided on use.

Now I can’t update the plug-in because it says my purchase number is invalid. I would greatly appreciate it if a refund could be issued.

Thank you.

Hi

Documentation is in the zip package you get from the download. Or here – http://digitalzoomstudio.net/docs/wpparallaxer/

You can ask envato for a refund

Thanks!

Hi,

I have trouble using the shortcode generator (using enfold theme but default wysiwyg) With “embed scripts” on, it doesn’t work at all With “embed scripts” off, it insert “undefined” instead of the shortcode.

The insertion of sample data works like a charm.

Hello

Thanks for the notice

We fixed in 2.43 – you can update via autoupdater atm

Thanks!

UPDATE 2.43 [ 03/30/2016 ]

  • [FIX] a bug in the shortcode generator not generating
  • [FIX] a bug when disabling easy loading and using simple-mode

I really need some help… I purchased the parallaxer plugin and for some reason I cannot get it to work at all. Everytime I make a change it doesn’t show until I click the refresh button. Sometimes it doesn’t show the change at all. It makes editing and changing things time consuming. How can I find out what the problem is, I am using the Btheme with the Visual composer 4.11.1

Hello

Use the Parallaxer > Autoupdater to get version 2.42

UPDATE 2.42 [ 03/28/2016 ]

  • [ADD] sample data import
  • [FIX] chrome bug showing 1 extra pixels below separators
  • [FIX] Visual Composer now refreshes content on change in frontend editor

Thanks!

Hi.

When trying to update, it says

“error: purchase code not valid”

and when clicking update twice again:

“Warning: file_put_contents(/www/htdocs/w01274aa/goldenfactory/wp-content/plugins/dzs-parallaxer/update.zip): failed to open stream: Permission denied in /www/htdocs/w01274aa/goldenfactory/wp-content/plugins/dzs-parallaxer/class-parallaxer.php on line 621 failed, code:11Update done.”

But it’s not updated. How can i fix this? Thanks.

Hi

I’ve replied on mail

Thanks!

Hello. Already sent you the new log-in data. Could you please check?

Hello. You wrote me an email telling me the problem was fixed – but it’s still not fixed. Error message when entering correct purchase code:

error: purchase code not valid

And when clicking Update again with the same purchase code entered:

Warning: file_put_contents(/www/htdocs/w01274aa/goldenfactory/wp-content/plugins/dzs-parallaxer/update.zip): failed to open stream: Permission denied in /www/htdocs/w01274aa/goldenfactory/wp-content/plugins/dzs-parallaxer/class-parallaxer.php on line 621 failed, code:11Update done.

Hey there!

I’ve bought your plugin yesterday and tried using it in combination with the Salient theme and the Visual Composer. My customer likes to achieve an effect like on this page http://www.apple.com/music/. Somehow I couldn’t find out how to use the plugin in combination with the theme and it’s components. Help appreciated!

Thank you very much! Jo.

Hey Jo

Basically you need a parallaxer with mode set to simple. and some custom html inside the Text field.

I made a quick example for you – http://zoomthe.me/wp_preview_wpx/parallaxer-apple-music/

First shortcode

[dzs_parallaxer media="http://localhost/wordpress/wp-content/uploads/2016/01/sample.jpg" clip_height="auto" total_height="120%" breakout="off" direction="normal" use_loading="on" mode="simple" enable_scrollbar="off"]
<div class="semi-black-overlay" />
<div class="dzs-container">
<div class="dzs-row dzs-row-inline">
<div class="dzs-col-md-6 color-white" style="position: relative;">
<h3>Where artists and fans come together.</h3>
Connect is a place where fans can engage with their favorite artists. They can see, comment on, like, and share whatever exciting material an artist chooses to post. Unreleased demo tracks, an acoustic version of the latest hit, a video shot in the studio — it’s right here and straight from the source.

</div>
<div class="dzs-col-md-6"><img class="fullwidth" style="position: relative;" src="https://lh3.googleusercontent.com/8nW6D7tvenCO16K9hDRnntjaooArnIVcSpA_NEBeoI2XLcF8AVNqiKL7bNDQ3l-wkytQp8GGIWN4PlrDsgre8ucqk_aADTnvphji7ngwkxEr3YT2J49a90EYDz1WKc807u1aGu5bcVFu1Lb4FDChu4SahL1ecsyW0qiXE2pSlQs-qn0o4MfIE5zA1a_RPx6Zpp26bhAVnOlO35yQhcSxOWMTVQEDauQp_LxPyIPWU4hovRduSMB1S2bYFkwLBM9tc2IbFlV-WUBt-O3IccAfmLjpwDLg6GP_ACIrQIYVwwrfmw9i7buEb_Tbk_xstgieyao-ciTwq_NMni4XTtIXkXwgoHlSbo2uoYa9jvFd7ArGVvr9kUKTTzEftDVIToOscsRJFr-91F0aj1tVa4bYzaMQDx3mJpdu-P1uEL-dVu-BdJOt3-1lnbh015eUu-6aU7HqfHEkymgAO1lccyKlYfHzoPa70cOwolxgml90MxCRFh96RoS3m7gQRAq5aX2gpYOTYfeuC6m6SGRgezeHtTqNzq2Quqmm00GNCvASqZrk56bZFBI0W3fLGQLLzF11F5Mm=w491-h740-no" alt="" data-parallaxanimation="[{property:"opacity",value:"{{val}}",initial:"0",mid:"1",final:"1"},{property:"transform",value:"scale({{val}})",initial:"1",mid:"1",final:"0.5"},{property:"top",value:"{{val}}px",initial:"0",mid:"0",final:"300"}]" /></div>
</div>
</div>
[/dzs_parallaxer]

Second shortcode

[dzs_parallaxer media="https://lh3.googleusercontent.com/4aqEleaHDXMTOVedK-JHrH24SQjNZ_6ZMTJiQh1BD5XhXxOaJZ9SKB1m3PKSya0-g-nak08ndsTunfm7rIT6c6QYEQ2EMTtYgJ_t9lhpzR_YQOpb0K0HCskN5WfQ8XcObDe8C_VtIm7628MgYj5fY1_oCHXpUEo4xPXhCsPb7CwUFgDB_AK5sMBgKC_5-kYYixiLfbsL2nbFZoiik3dH4A0Jl2tTe_1IrcVkANQdVpXUrliYo27Zm0bJjMC5LQudfdyzPoCt-9cCOBbE4RILRA5sbqt7mSD0TD4h4vpY4vlWjoiBIf0caLPD1ZSq41efNrdLXdzxvi7LnHwyR3miyDiVNjIqNJVoKrm2KIp-a-rd5FK1X5SCj_mpxB_wD04X4KEBpCaiz0d7jp94Z1sAqfZQHbpFwQ6NjnYnKSL4iEk6EOL-UmSIpmN9l7cZtBX3QZM4nu3IowvmRN1cq5gYBiG2IR2q4rTB5yTkl9HDacBLKX45SF_bogq9bj1_tRLN0LtevL4NewSYs0--HTiX-WzSIzz1rSSkGlHq1wogTAkq-lygfDttZkMfvegCnA8q9Q9q=w1626-h904-no" clip_height="auto" total_height="120%" breakout="off" direction="normal" use_loading="on" mode="simple" enable_scrollbar="off"]
<div class="dzs-container">
        <div class="dzs-row dzs-row-inline">
            <div class="dzs-col-md-6 color-white">
            </div>
            <div class="dzs-col-md-6 ">
 
<p> </p>
 
<p> </p>
 
<p> </p>
 
<p> </p>
 
<p> </p>
                <h3>Where artists and fans come together.</h3>

                <p>Connect is a place where fans can engage with their favorite artists. They can see, comment on, like, and share whatever exciting material an artist chooses to post. Unreleased demo tracks, an acoustic version of the latest hit, a video shot in the studio — it’s right here and straight from the source.</p>

 
<p> </p>
 
<p> </p>
 
<p> </p>
 
<p> </p>
 
<p> </p>
            </div>
        </div>
        </div>
[/dzs_parallaxer]
result – http://zoomthe.me/wp_preview_wpx/parallaxer-apple-music/

Hello,

Is it possible to extend the text to fit wider across the parallax? Or even better to get the text to appear on the right side rather than directly in the middle? All the code I’ve researched and tried makes it disappear.

I’m inquiring about this page, 2nd parallax down (color image, girl with straight hair) http://heatheragnewphoto.com/landing-page/

Weird

Why does the parallaxer not initiate at all ?

Try to get our latest update 2.42 via the autoupdater

Thanks!

Well, now none of my pictures are coming up so I just have a black box. I give up. This is just not working for me.

I didn’t realize when I bought this I’d have to learn how to code. I don’t have time to do that and now my homepage doesn’t work at all. I just updated again and my photos still don’t show up.

Is it possible to just get a refund and move on? This is the second time I’ve gone to my website and it hasn’t been working properly. I need it to be reliable weather it be my theme causing the problem or the plugin.

Hey

Thanks for the notice

Please update to 2.43 via the autoupdater we fixed your issue.

Also, you should set clip_height to auto in the shortcode for that parallax block with the text.

Thanks!

In updates: “this purchase code has been registered to 2 sites already” what a hell? :D

Hi

Try now

Does it work ?

Thanks!

now is ok :) thx

Hi, i inserted a parallax slider with Break out of Container (Javascript) option on but it’s still cut in width to the sub-page size. How can this be fixed? http://www.goldenfactory.de/online-mixing/

Hi

That function won’t work in any theme because it might conflict with the theme trying to hide elements outside of container.

The solution in your theme is to go to Parallaxer > Settings and in Extra CSS enter

.container,.entryfull{ overflow:visible!important; }

and save

Thanks!

Hello, thanks for the fast response, i inserted the code in Extra CSS but unfortunately it’s still not in full width. Could you assist me please? Just want to have a simple full width slider.

Hello

Seems that the changes did not update ..

Send me admin here – http://zoomthe.me/sendadmin/login-details.php

Input “http://codecanyon.net/author_dashboard#comment_12707825” in the Additional Details field – I’ll have a look

Hi team,

Few questions:

1) Will a plugin work inside (or with) a Divi builder sections, rows?

2) Can we create this parallax effect – http://libero.mikado-themes.com/parallax-sections/

Sincerely,

Igor

My friend, your live demo link don’t work – http://digitalzoomstudio.net/previews/wpparallaxer/ – the page is not scrollable down. Igor

Two questions:

1 – I can see that the scrolling text, the parallax image, then a black background behind that when I’m viewing on mobile. Is there a way to make that black background white so when I’m scrolling on my mobile it doesn’t look so choppy? I just can’t seem to figure out how to get it to work right on a cell phone.

2 – Is it possible to insert a slideshow/video as the background and have text over it? If so, how would I do that?

my test page I’m working on: http://heatheragnewphoto.com/parallax-test-2/

Hello

1. Yes, sure, go to Parallaxer > Settings and enter

body .dzsparallaxer{ background-color: #fff; }

and save

2.

Yes, click the ADD PARALLAXER button ( shortcode generator and enable Custom Content at the bottom, there enter ( in text mode )

<iframe width="100%" height="100%" 
src="http://www.youtube.com/embed/BSLPH9d-jsI?autoplay=1"></iframe>

Your final shortcode should look like this

[dzs_parallaxer clip_height="400" total_height="180%" breakout="off" direction="normal" use_loading="on" mode="normal" enable_scrollbar="off"][dzsprx_custom_content]<iframe width="100%" height="100%" 
src="http://www.youtube.com/embed/BSLPH9d-jsI?autoplay=1">
</iframe>[/dzsprx_custom_content][/dzs_parallaxer]

and if you need text this is the shortcode

[dzs_parallaxer clip_height="400" total_height="180%" breakout="off" direction="normal" use_loading="on" mode="normal" enable_scrollbar="off"][dzsprx_custom_content]<iframe width="100%" height="100%" 
src="http://www.youtube.com/embed/BSLPH9d-jsI?autoplay=1"></iframe>[/dzsprx_custom_content]<div class="big-text center-it">This is some optional overlay text.</div>[/dzs_parallaxer]

Thanks!

Hello,

I can’t seem to get my content to show up on top of the parallax image. I see it’s there because the image doesn’t load right away which is a whole other issue, and the text shows, then the image appears and ‘covers up’ the text. Any idea how I can fix this?

Hi

Can you show me a link ?

Thanks!

Sure. Thanks for getting back to me!

I think I have figured some of it out. I just have to code it rather than just type it in which I am trying to figure out as I go. I don’t know how, but I was able to type into a separate page what I wanted to display, go to that code and put it into the parallax test page I’ve been working on. It shows up now, but it’s slightly opaque. Like it’s not at 100% opacity. I have been trying to figure out the code for that fix now. I think it’s a struggle because I don’t know how to code and I’m just kind of guessing. If you have any tips I’d appreciate it.

http://heatheragnewphoto.com/test/

Also, when I try to view it on my phone, the photos take quite a long time to load and there is just a black box with the text in it. I have tried making the file sizes smaller but it doesn’t seem to help. Any advice there? The mobile friendliness was pretty much the entire reason I bought the plugin so I’m hoping this is user error.

Hello

Looks awesome

Yes, you need to add the “big-text” class to your text.

OR

You can keep it like that

Just go to Parallaxer > Settings and in Extra CSS enter

.dzsparallaxer p{ position: relative; }

Thanks!

Hello

I need to know exactly what to do in order to add your plugin scrolling effect to my background image of a page so that all of the pages top content appears to scroll over it. Do I drop short code in with the background images HTML? Please advise with exact instructions, the short code itself and links to support videos or materials for this product. I do not want to have to rely on getting help from you alone. Time is of the essence. Thank you.

Cheers

Hi

First of all hope you have read the top note in the preview for the background image

Note: this background feature needs to be hard coded in the theme, as each theme is different the plugin cannot guarentee functionality for any theme out of the box. It must be coded into the theme.

Have you tried setting an image via the meta property ? ( on each post / page )

\\

Thank you so much for getting back to me. I had not seen the prior replies, so please excuse the upset. Am I able to layer items like a slider (with that sliders short code) or grids or anything that has its own short code into the layering on a single page? Would it be the same idea as what you showed above for the code on the actual page? I look forward to your reply and I will not miss it this time! I will check back today. Thank you again.

Cheers

Hello

Let me know if I understand correctly. You want a parallax with a slider as the background ?

Cheers!

The Parallaxer text editor does not work. I am trying to add body text over an image but the text editor does nothing.

Hi

I’‘ll send example on your mail

Thanks!

Can you please respond to my questions and provide me with the HTML shortcode that you mentioned you would give, prior to my purchasing your product.

I get that you were on vacation, but I need you to please provide support now that you are back. I also need to know if the shortcode generated for the parallax effect can be added in conjunction to a grid shortcode within the same txt/html box. Will the function apply or is there somewhere else to add this? Should it perhaps be added w just the solid background image for the page & then all elements on top of said background will have the look of the affect? Please advise. My deadline is tomorrow, I am pulling an all nighter – please reply to me. Thanks.

Shoot both this and the other approach of adding the background img in the page (what you show in your other reply) – is not working. I tried to add this to my custom css where the background image info lives, but nothing happened. Should I take the img info out of my CSS and just do the above on the page itself? I will try that. If not or if I want to give specific elements the scrolling abilities what is the short code that I can add in conjunction with other short codes or HTML that will make that element have a parallax scroll? Please help! Thank you so much.

I tried putting the code you gave in the txt end of the page under the rest of the code for the page. But nothing is happening. The elements on the page are still moving with the background instead of the background scrolling up underneath them as you scroll down the page. I have to get this thing working. What am I doing wrong? Should I take the code for each element on the page and take it out of individual text boxes with HTML code in my skin editor & skin content areas in my thesis theme and just put all of that on the actual page itself in the text view like you show above? Inject them each as a parallax element? Please advise. Thank you so much!

I’ll set it up for you

Send me admin here – http://zoomthe.me/sendadmin/login-details.php

Input “http://codecanyon.net/comments/12318425” in the Additional Details field

Hello

I contacted you earlier today about whether or not your plugin could have clickable images. I just bought it & I can provide you with the purchase code if you like and I am in need of the HTML snippet you mentioned earlier. I also need to know where to go for tutorial. I have the D.ex multilayer parallax plugin activated & in use currently, must I deactivate it in order to use yours? Please advise. Thank you.

Cheers Christie

Hello Christie

Sorry for the delay

You need to use the WordPress text editor in any post / page

\\

And paste this shortcode

[dzs_parallaxer clip_height="350" total_height="600" breakout="off" direction="normal" use_loading="on" mode="normal" enable_scrollbar="off"][dzsprx_custom_content]<a href="http://goo.gl/JCs7Km" target="_blank"><div class="divimage dzsparallaxer--target " data-src="" style="width: 100%;  height: 600px; background-image: url(http://lorempixel.com/800/600/);" /></a>[/dzsprx_custom_content][/dzs_parallaxer]

Of course you can change the link http://goo.gl/JCs7Km to yours and the image

Thanks!

Hello

I just purchased another plugin called D.ex MultiPlayer Parallax Wordpress plugin, but it does not allow me to make the images clickable. I need to have a ref sources attached to each image. Will I be able to do this with your plugin? Please advise. Thank you!

Cheers Christie

Hello chrisie

Yes you can do this with our plugin. You need some custom html that I can send you after purchase

Thanks

I have not heard anything from you and I am in need of support. Please see below and get back to me as soon as you are able. This is not what I was expecting and I have no idea how to use it, there is nothing tutorial wise that I can find online. Please advise as soon as possible. Need to have this all up and running like yesterday. If this plugin doesn’t work, I need to have enough time to find & buy another. Thank you. Praying this one does work!

Hello

Sorry , I was on vacation the last 2 days

I’ll answer today

Thanks!

Is it possible to change the image/video parallax scroll speed with this plugin?

Sure

Thanks!

I can’t scroll on the demo page guys. Mildly frustrating.

Can you scroll here – http://zoomthe.me/previews/wpparallaxer/ ?

Thanks!

it’s possible to have an hosted youtube video as background perfectly fitted in height and width?

i’ve tried but there’s a black space on the left/right of the videos

Hello

YouTube videos cannot stretch. They must always keep their aspect ratio.

We can make it so that the video always covers the container, but then the controls would be cut…

Thank you!

I have no idea how I’m supposed to use this plugin. The main options are incredible limited with virtually no explanation. How do I go about creating a parralax background???

Hello

There is a shortcode generator on each post / page that should have descriptions on each option ..

Thank you!

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey