ZX Slideshow support thread

Hi, as i said LOVE the ZX, but my client wants a different design. How do I go about uninstalling it? I deleted all the banners, but I still have empty divs classes like slider-wrapper and nivoSlider in my code.

Thanks,

Max

You'll need to remove all the new code that was added with the plugin (either remove the files that you added when uploading OR remove the commented code in the modified files) and then run the uninstall SQL command. It was described earlier in this thread:
https://www.zen-cart.com/showthread.php?195957-ZX-Slideshow-support-thread&p=1247932#post1247932

Hi all. Does anyone have this working via HTTPS and a Secure site?

I have the Slideshow working well when running HTTP. I have since activated SSL in Zencart and have the entire site now running SSL via HTTPS. Unfortunately, the ZX Slideshow simply looks to be loading then vanishes when you go via the HTTPS URL. You can see the difference via the two URLS below:
https://bareprotein.com.au/shop/ - the Slideshow tries to load and vanishes
VS.
http://bareprotein.com.au/shop/ - Slideshow loads quick and stays visible.

Any suggestions as to the issue?

Thanks,
Chris

you are in a jquery mess.

when in https; you are stuck in a loop.... which is why the site is running slow in https.

if you open the developer tools in your browser and look at the console, you will see the error:

https://www.bareprotein.com.au/shop/undefined 404 (Not Found)

and it keeps on getting repeated. it looks like it may be from this code:

        // For debugging
        var trace = function(msg){
            if(this.console && typeof console.log !== 'undefined') { console.log(msg); }
        };

but it is not stopping from there when entering a break point.

debugging jquery can be tricky. sorry i do not have more to go on.

best.

gohealth:

Hi all. Does anyone have this working via HTTPS and a Secure site?

I have the Slideshow working well when running HTTP. I have since activated SSL in Zencart and have the entire site now running SSL via HTTPS. Unfortunately, the ZX Slideshow simply looks to be loading then vanishes when you go via the HTTPS URL. You can see the difference via the two URLS below:
https://bareprotein.com.au/shop/ - the Slideshow tries to load and vanishes
VS.
http://bareprotein.com.au/shop/ - Slideshow loads quick and stays visible.

Any suggestions as to the issue?

Thanks,
Chris

Chris, I don't have a straight answer, but there is something I'd like you to try before we go any further. Please check your includes/configure.php file and see what it says under HTTP_SERVER - looks to me it's set for the https://www.bareprotein.com.au and you're trying to access the site without the www, which then causes a CORS error. You'll need to decide wheher you'll be using the www or not and then add a rule in the htaccess file so the other version is not available (redirect to the chosen version). Let's start with that and see where it takes us.

balihr:

Chris, I don't have a straight answer, but there is something I'd like you to try before we go any further. Please check your includes/configure.php file and see what it says under HTTP_SERVER - looks to me it's set for the https://www.bareprotein.com.au and you're trying to access the site without the www, which then causes a CORS error. You'll need to decide wheher you'll be using the www or not and then add a rule in the htaccess file so the other version is not available (redirect to the chosen version). Let's start with that and see where it takes us.

Thanks Balihr, the CORS error is what the server support team are telling me either, but not sure how to correct this. Here is what I have in the /includes/configure.php file:
define('HTTP_SERVER', 'http://www.bareprotein.com.au');
define('HTTPS_SERVER', 'https://www.bareprotein.com.au');

I have been playing with RewriteCond in my .htaccess file. To be honest, not sure what I'm really trying to do with it, but having a play withe the following to no avail:

RewriteCond %{HTTP_HOST} bareprotein.com.au [NC]
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://www.bareprotein.com.au/$1 [R,L]

It comes back to your comment on whether I'll be using www or not. To that, i'd look to guidance on what is standard practice and try and get this sorted based on that decision. Based on that recommendation and decision, I assume I then need to adjust both the configure.php file and the .htaccess? Also please advise exactly where the .htaccess file should be as I have one at the root of the site and one in the /includes folder.

Thanks all for your help.

Chris

carlwhat:

you are in a jquery mess.

when in https; you are stuck in a loop.... which is why the site is running slow in https.

A jquery mess! I like that... not. I think I have gone about implementing add-ons, following instructions and each may use a different version. It does look a mess and I agree trying to debug this is a nightmare. I'm running with Balihr right now on getting the CORS error corrected as it may just be running around between www and the non-www server request.

Thanks for the feedback. I feel I'm closing in on the issue with your assistance.

Chris

gohealth:

A jquery mess! I like that... not. I think I have gone about implementing add-ons, following instructions and each may use a different version. It does look a mess and I agree trying to debug this is a nightmare. I'm running with Balihr right now on getting the CORS error corrected as it may just be running around between www and the non-www server request.

Thanks for the feedback. I feel I'm closing in on the issue with your assistance.

Chris

i think the CORS error should be easy to fix.... you guys can figure that out... although it looks easy enough to try and remove the www from both definitions in the configure file.

that HOWEVER is not the problem you are posting about. if you look at the console using developer tools you have the CORS error in both places; and yet one url the slider works, and the other url, the slider does not.

it is ENTIRELY possible that by removing the www and hopefully addressing the CORS error, the slider may work.... although i'm not sure why that world work....

as i previously stated, debugging jquery can be tricky, especially if you have limited experience...

here is the jquery error/loop....

best.

carlwhat:

i think the CORS error should be easy to fix.... you guys can figure that out... although it looks easy enough to try and remove the www from both definitions in the configure file.

that HOWEVER is not the problem you are posting about. if you look at the console using developer tools you have the CORS error in both places; and yet one url the slider works, and the other url, the slider does not.

it is ENTIRELY possible that by removing the www and hopefully addressing the CORS error, the slider may work.... although i'm not sure why that world work....

as i previously stated, debugging jquery can be tricky, especially if you have limited experience...

here is the jquery error/loop....

best.

I see what you mean now and understand having taken a look at the developer tool. With jquery being the issue, I'm in over my head! If anyone has any further thoughts on this issue, open to hear them... otherwise, think it is time to seek some help from an someone who can debug this for me. I'll try the template guys first, but think this will just get passed back from support as my issue. As I said, I have implemented a number of add-ons myself and don't think they are playing together well at this stage from a jquery standpoint. Thanks again! Chris

gohealth:

I see what you mean now and understand having taken a look at the developer tool. With jquery being the issue, I'm in over my head! If anyone has any further thoughts on this issue, open to hear them... otherwise, think it is time to seek some help from an someone who can debug this for me. I'll try the template guys first, but think this will just get passed back from support as my issue. As I said, I have implemented a number of add-ons myself and don't think they are playing together well at this stage from a jquery standpoint. Thanks again! Chris

First thing I would do is delete jquery and get a true version which would have a line like this at the top... **/*! jQuery v1.11.1 | (c) 2005, 2014 jQuery Foundation, Inc. | jquery.org/license */ ** not like yours.. which is a stripped down version of something... which may work for what they was striped for and not much else! The amount of scripts you have loading may require more from jQuery then what you have now...

personally I use version 3 and load just after my css to make sure it gets set before any scripts that require it.. I use the latest versions of owl carousel without any issues.

This does seem to be caused by the template coding, although it's quite surprising - ZX Slideshow is integrated with A LOT of TemplateMonster's templates and works fine so I'm not sure why this template would be an exception... But, then again, it's TM so I'm surprised that I'm surprised... :wink:

First, change your configure files to have https on all lines:

define('HTTP_SERVER', 'https://www.bareprotein.com.au');
define('HTTPS_SERVER', 'https://www.bareprotein.com.au');

Next, I'm not sure how that template was coded, but it seems to have div class="slider" and the jQuery is triggered on #slider so it's kinda confusing. Maybe it's just because part of the code isn't loaded at all.

If you want, feel free to PM me and I'll be happy to look into this because at this point I'm really curious.

OK, so... After a few PMs, we found it. And, folks, sit down and leave the popcorn so you don't choke... As always, the simplest thing was the answer. There's an old and IMHO obsolete* setting in Banner Manager that lets you choose whether to display a banner on SSL or not. In this case, it was set to No so the ZX Slideshow did load, but had no images to display since all of the banners were disabled on SSL pages. So, simply enabling the banners to show on SSL did the trick and the slides are now showing up...

*obsolete = due to the now must-have constant SSL connection, this setting is no longer needed

balihr:

OK, so... After a few PMs, we found it. And, folks, sit down and leave the popcorn so you don't choke... As always, the simplest thing was the answer. There's an old and IMHO obsolete* setting in Banner Manager that lets you choose whether to display a banner on SSL or not. In this case, it was set to No so the ZX Slideshow did load, but had no images to display since all of the banners were disabled on SSL pages. So, simply enabling the banners to show on SSL did the trick and the slides are now showing up...

*obsolete = due to the now must-have constant SSL connection, this setting is no longer needed
Wow, nice detective work!

Hi,

The jscript_jquery-1.7.1.min.js is having loading issues with the mobile menu. In my case there's no issue on homepage, product listing page, but when you go to a specific item (product info page), the menu doesn't load properly.

How should I go around this?

You didn't provide a link to the site so I'm just gonna pull out my magic crystal ball, dust it off and get to work. :smile:

Are there other instances of jQuery loading on the site? Or is that the only jQuery file on the entire site? Have you tried disabling the 1.7.1 file (ie. rename it to Xjscript_jqery..... or just delete it) - although this might cause it to not work at all if the main jQuery file is loaded from the footer.

You might try the following:
#1 - rename /jscript/jscript_jquery-1.7.1.min.js to /jscript/jquery-1.7.1.min.js
#2 - modify templates/zx_slideshow.php and add this as the first line (before the existing first line):

<script language="javascript" type="text/javascript" src="<?php echo($template->get_template_dir('jquery-1.7.1.min.js',DIR_WS_TEMPLATE, $current_page_base,'jscript'). '/jquery-1.7.1.min.js'); ?>"></script>

This way you're loading that jQuery 1.7.1 only on your home page for ZX Slideshow, and it won't load on any other pages. Make sure you test all other features that use jQuery, and keep in mind this is not an elegant solution - it's more like killing a fly with a sledgehammer...

I follow the wiki suggestion of putting the script on the module/page where it loads and that fixed the problem.

I did try before, renaming the script, and didn't solve the issue (the slider wasn't loading).

I will try your solution anyways to see if that's another option to have available.

Great plugin, was able to get it to install with no issue.

I would like to move the slider though from the home page, to the header area.

I found in the documentation where it says "f you want to display the slider in the header instead of center area:
Step 1. open your includes/templates/YOUR_TEMPLATE/templates/tpl_index_default.php and REMOVE all code for ZX Slideshow.
Step 2: explained in this post." the problem is the associated post seems to have nothing to do with moving the slider to the header area?

Help?

Thanks! C

Figured it out!

Moved the ZX code from
includes/templates/YOUR_TEMPLATE/templates/tpl_index_default.php tpl_index_default.php
to
includes/templates/YOUR_TEMPLATE/templates/tpl_header.php in common

i installed the slider.....so do the images have to be a certain size?
I noticed maybe that the area above the slider on my page got thrown out of balance,,,,
please see https://www.candygoround.com

the top line ...where home | log in | shopping cart is........
the black line at the top should be wider?
I didnt change the width or anything....it might have changed after I added the slideshow....
but i removed the slideshow and it's still the same...
also the logo should be on the right side...
any ideas how to fix?

thanks so much!!

This has nothing to do with ZX Slideshow. You have an error somewhere in your other files, probably tpl_main_page.php or html_header.php which is causing the layout to break. This is very likely incorrect file encoding or something like that. I'd suggest comparing your files to the original file set to see what went wrong.

As for image size, no, size is up to you. Slider is responsive so it will adjust image width to the parent container size, but it IS recommended to prepare images before uploading and make sure you use images with the exact same dimensions. If you use different size images, the slider will automatically adjust images, both width and height, so the content below it might seem like it's jumping up and down with each slide.