ZX Slideshow support thread

[utefan]

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: www.helmetenvy.com. Thank you.

[danielosko]

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

[MaxBodine]

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;
}

[balihr]

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!

[MaxBodine]

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!

[balihr]

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?

[MaxBodine]

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!

[swguy]

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.)

[balihr]

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...

[swguy]

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.