ZX Slideshow support thread

100asa:

I installed zx slideshow on my 1.5.4 zencart with edify template, but zx don't work (don't show in no way) (see on https://www.100asa.it)
I don't understand why

Your site is using the slideshow that comes built-in with Edify. You'll need to remove that first (and all javascript associated with the slider). Next, ZX Slideshow doesn't seem to be properly installed, my guess is you're missing the required file modifications or you didn't upload to the correct location.

Oh, and, BTW, you might wanna check your code - you have two closing <head> tags and two opening <body> tags... Also, keep in mind your javascript changes might take some time to start working since you're on cloudflare (unless you reset cache)...

I cecked, and all zx files are in the properly folder. I deactivated jscript for Edify carousel, but zx still don't show (also deactivated cloudflare)

Yeah, it's now there, I can see it. However, you have jQuery conflicts that are preventing ZX Slideshow to load. You need to resolve those conflicts (template related) and it will work. My suggestion - remove the 2 jQuery versions (1.7.1 and 1.4.4) and move the latest version to load in header (currently loaded from footer). After you do that, I'm sure you'll get this working.

removed the jquery-1.7.1.min.js and jquery-1.4..min.js
what do you mean with "move the latest version to load in header (currently loaded from footer)"?

You're currently loading jQuery at the end of the file (with Edify, the code was put to tpl_footer.php). Because of that, zx slideshow javascript is being loaded before jQuery and it fails because at that moment jQuery still doesn't exist. So, either move the code from footer to html_header or find a way to put all JS code from this plugin in the footer and after the main jQuery line. I'm sorry, but this is beyond the scope of this thread's support since it's directly related and caused by your template.

Hi,

I have recently upgraded my site to 1.5.4 zencart version.

Will this MOD work fine with the latest version of zencart?
kindly reply
best regards
muteyaar

It still worked on sites I upgraded to 1.5.4

muteyaar:

Hi,

I have recently upgraded my site to 1.5.4 zencart version.

Will this MOD work fine with the latest version of zencart?
kindly reply
best regards
muteyaar

Thanks for the quick reply.... I will give it a try...

where can i find a demo for this?? does it have the capability to add text next to the images?

Hi I am very new to zencart. Can you tell me how you uploaded this slider feature to your site? My images are too far too the left. I want to enter them between the page arrows or at least make them longer. The company I hired to develop my site is MIA. Thanks.

I am building a new site and am having an issue with zx slider where my slider images are bouncing up and down. I have confirmed that all of the slider images are the same size. The only fix I have come up with so far is to edit index_home.css and removing "display: block;" from the following lines code:

.nivo-main-image {
display: block !important;
position: relative !important;
width: 100% !important;
}

The problem with this solution is that it creates a new issue where the slideshow is blank for about 3 seconds when the site first comes up. Has anyone else experienced this issue and/or have a solution? Here is the problem child: https://www.helmetenvy.com. Thank you.

balihr:

No, it doesn't display captions - I removed it because most people didn't want it and it can no longer be disabled from the admin (the new version of Nivo Slider controls it only from CSS, no more control from javascript).

If you want to enable captions, edit includes/functions/extra_functions/zx_banner.php
Find line 68:

$banner_string = '<img src="' . DIR_WS_IMAGES . $banner->fields['banners_image'] . '" alt="'. $banner->fields['banners_title'].'">';

> and replace with
> ```
$banner_string = '<img src="' . DIR_WS_IMAGES . $banner->fields['banners_image'] . '" alt="'. $banner->fields['banners_title'].'" title="'. $banner->fields['banners_title'].'">';

Find line 71:

$banner_string = '<a href="' . zen_href_link(FILENAME_REDIRECT, 'action=banner&goto=' . $banner->fields['banners_id']) . '" target="_blank">' . '<img src="' . DIR_WS_IMAGES . $banner->fields['banners_image'] . '" alt="'. $banner->fields['banners_title'].'"></a>';

> and replace with
> ```
$banner_string = '<a href="' . zen_href_link(FILENAME_REDIRECT, 'action=banner&goto=' . $banner->fields['banners_id']) . '" target="_blank">' . '<img src="' . DIR_WS_IMAGES . $banner->fields['banners_image'] . '" alt="'. $banner->fields['banners_title'].'" title="'. $banner->fields['banners_title'].'" ></a>';

Find line 73:

$banner_string = '<a href="' . zen_href_link(FILENAME_REDIRECT, 'action=banner&goto=' . $banner->fields['banners_id']) . '">' . '<img src="' . DIR_WS_IMAGES . $banner->fields['banners_image'] . '" alt="'. $banner->fields['banners_title'].'"></a>';

> and replace with
> ```
$banner_string = '<a href="' . zen_href_link(FILENAME_REDIRECT, 'action=banner&goto=' . $banner->fields['banners_id']) . '">' . '<img src="' . DIR_WS_IMAGES . $banner->fields['banners_image'] . '" alt="'. $banner->fields['banners_title'].'" title="'. $banner->fields['banners_title'].'"></a>';

You might need to play with CSS after doing this.

Regards,
Leonard

Using 1.5.5a Responsive Classic... THANK YOU!!!

I wanted and needed those captions to advertise sales on the slide show. Would never have figured it out myself.

Thanks again,
Danny
:D

I am just setting up Zen cart version 1.5.5e

I installed the ZX Slideshow so easy LOVE it!

I have it in the responsive_classic template, I would like to make the slider 100% across the home page. Tried this and it didn't work. Can someone help me on this.

www.uesakausa.com

Thanks!

.theme-default .nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
width: 100% !important; /* Max added width and height */
height: auto;
}

Glad to hear you like it.

You'll need to make a few edits if you want to have it full width. Since it seems you want to have it directly below the header, without any content in between, probably simplest solution would be to move the code from tpl_index_default.php to the bottom of your tpl_header.php
So, just edit your includes/templates/maxtemp/templates/tpl_index_default.php and cut out the code for ZX Slideshow (commented) and paste that code in includes/templates/maxtemp/common/tpl_header.php just before the last </div> line. The end result should look something like:

<!--bof optional categories tabs navigation display-->
<?php require($template->get_template_dir('tpl_modules_categories_tabs.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_categories_tabs.php'); ?>
<!--eof optional categories tabs navigation display-->

<!--bof header ezpage links-->
<?php if (EZPAGES_STATUS_HEADER == '1' or (EZPAGES_STATUS_HEADER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) { ?>
<?php   require($template->get_template_dir('tpl_ezpages_bar_header.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_header.php'); ?>
<?php } ?>
<!--eof header ezpage links-->

<!-- begin edit for ZX Slideshow -->
<?php if(ZX_SLIDESHOW_STATUS == 'true') { ?>
	<?php require($template->get_template_dir('zx_slideshow.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/zx_slideshow.php'); ?>
<?php } ?>    
<!-- end edit for ZX Slideshow -->

</div>

<?php } ?>

Of course, don't forget to undo the changes you just made in the CSS file. Enjoy!

Thanks balihr for the quick response.

Before I move this, maybe I am taking the wrong approach. My goal is to have the entire main page at 100%. Is there a solution where I can make the entire center section 100% and leave the ZX Slider in that main container?

Thank you in advance!

This question would be more suitable in the template's thread (here) since you want to modify the template...

I'm not very familiar with that template (I don't like it at all) but this would be a start: edit includes/templates/maxtemp/css/stylesheet.css and on line 55 simply remove the width entry (or change to 100). This is just a start as it won't give you full width just yet, but that's because of the two side columns that are loading for sideboxes (although you haven't enabled any). You could try to turn of the sidebox columns (configuration->Layout Settings->Column Left Status - Global -> 0) and see if it helps. Don't forget the right one.
There are other, slightly more advanced, solutions available as well, but again, it should be discussed in the template's thread so we don't go OT here.

BTW, since you're doing a brand new site, why are you not using the latest version of Zen Cart?

Again Thank you for the fast response!!!! GREAT SUPPORT if anyone wants to install ZX Slideshow! I have used Nivo slider outside of a Zen cart and this makes it very easy to install. Highly recommended plug in!

For others reading this thread, I applied these two steps, which expanded the ZX Slider to fit within the center but still retained the default 150 px sides until I went into Configuration->Layout Settings -> Column width - Left Boxes and Right Boxes and also set to 0.

This gave me the 100% center and the ZX fitting across the span. I have Installatron on my server, which is supposed to update it to the most current versions, but I have had to contact them in the past. Guess another email in in order :)

Thank you for the thread link too!

Works like a champ with Responsive Classic - thank you! As a small suggestion, perhaps the banner title should not be required (perhaps a random one could be added, for example.)

But, uhm... Banner title is required by Zen Cart's Banner Manager, not this plugin. Or am I missing your point? And you can easily hide the captions with CSS if you don't want it, it was mentioned several times in the thread. I think...

oh ok it's an inherited requirement - that makes sense. Yes I know you can just not display the title - my interest was just in speeding up data entry.