ZX Slideshow support thread

rberthelette:

I thought I had lost the bullets (Numbered Navigation). However, I just upgraded from version 2.0 to 2.1 and see that when I set the "Slideshow Numbered Navigation", under the ZX Slideshow options, to "true", I can see the bullets. However, they are centered in the bottom of the picture instead of to the right and on top of the picture like it was originally. How can I move the numbered navigation (bullets)?

I figured it out. WinMerge is my friend! I had to merge some stuff from v2.0 to my v2.1 file of index_home.css and it works fine now!

I worked through a lot of the replies on here but thought it would be easier to post my question. Installed the Slider and works great... just one question, at the bottom is a black title bar ... how do i remove this?

https://www.roadfoxbicycles.com/Store

Andy

Andy6867:

I worked through a lot of the replies on here but thought it would be easier to post my question. Installed the Slider and works great... just one question, at the bottom is a black title bar ... how do i remove this?

https://www.roadfoxbicycles.com/Store

Andy

The easiest way is to do it through CSS. Open your includes/templates/theme724/css/index_home.css and edit line 61.
Find

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}

and replace with

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
	display:none !important;
}

Make sure you reload the page or clear browser cache to see the changes. Also, keep in mind this will work for default theme only - if you switch to any other theme (light, dark or bar), you'll need to do the same edit for .nivo-caption for other themes.

Regards,
Leonard

Fixed...

Changed opacity to 0

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

I have read through several pages of this post to find the answer to my question as I am almost certain that someone has already asked about uninstalling the module, but I don't see it in the short review I have done.

I installed the module and it worked great. Another team member was to upload the images and she didn't quite understand how the module worked, and now somehow the module is no longer working. No other work has happened on the site, so it's not likely interference from another module or script (because it was working fine).

I would like to uninstall it and start again but I do not see any instructions for uninstalling. I know I can simply remove the files that I uploaded. My question has more to do with the SQL file that was uploaded via Admin > Tools > Install SQL Patches.

How do I remove that? I am not a programmer, so please provide simple, step-by-step instructions.

Also, I do plan to reinstall this module and I see that a new version is available, so I'll use it. If I were to first try updating to see if an update will resolve the issue, I assume I would simply upload the new files and let them overwrite what's already there. What I don't know is whether or not the same applies to the SQL file: just upload it and let it overwrite.

Thank you for anything you can share to help me resolve this. No matter which option I choose (uninstall and start over or upgrade to newest version) I would like to know the answer to both questions because it will help me decide on the best option.

1. To uninstall the module, how do I uninstall the SQL script that I uploaded. I want a clean install when I do it again since I do not know what is causing the problem.

2. If I decide to upgrade rather than uninstall, would I upload the SQL file and let it overwrite the one previously installed? I am not a programmer so I don't know if overwriting is actually what would occur.

Thank you for anything you can share.

Actually, Diane, the uninstall code is included in the install.sql file... :smile:

Just open the install-vXXX.sql and take a look at the first 7 lines which are actually uninstall code (in case you run the patch more than once).

But, to simplify things:

SELECT @ZXconfig:=configuration_group_id
FROM configuration_group
WHERE configuration_group_title= 'ZX Slideshow'
LIMIT 1;
DELETE FROM configuration WHERE configuration_group_id = @ZXconfig AND configuration_group_id != 0;
DELETE FROM configuration_group WHERE configuration_group_id = @ZXconfig AND configuration_group_id != 0;

Just run this from Tools->Install SQL Patches. As with any other SQL patches, make sure you backup your database before running it.

Re: uninstall vs. upgrade - I suggest you uninstall first and then install the latest version. There are some new files added and the admin settings have changed so it would be quite hard to upgrade if you're not absolutely sure about what you're doing...

Regards,
Leonard

Thank you, Leonard! This is exactly the information I needed to proceed and also for going forward with future updates. Very clear and easy to follow.

Your help is much appreciated!

Hello -

If this has been covered already my apologies. I searched the first 10 or so and last 5 pages of this thread and didn't find what I was looking for.

I'm attempting to configure ZX Slideshow to use the entire width of the main page instead of just the center section of the page (I'm using a 3 column template). When I set the image size for the slideshow to the width of the page (980 pixel) two things happen

1. The image doesn't remain centered. It "grows" to the right and essentially becomes right justified.
2. Instead of pushing the content of the right side boxes down they're essentially overwritten.

Is there any way to get the slideshow to cover the entire page width?

Thanks

It was answered before, but I can't find it either. :smile:

Basically, what you want is to move ZX Slideshow from centerbox to header. This will allow you to utilize the full width of the website.

Remove the ZX Slideshow from tpl_index_default.php and tpl_index_categories.php and then read here. It shows you the code you need to place in your tpl_header.php file to trigger ZX Slideshow.

Regards,
Leonard

Hi all,

i was trying to validate my site with WC3 validation and got an error regarding the images:

Error Line 181, Column 67: end tag for "img" omitted, but OMITTAG NO was specified

		<img src="images/slideshow/01-vaniglia_1.jpg" alt="slideshow1">			

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

Someone got the same problem? Anyone fixed it?

Sorry i solved the problem by myself... indeed it was not a big deal...

in .../includes/function/extra_function/zx_banner.php

line 68 to 73 find and add the red character:

$banner_string = '<img src="' . DIR_WS_IMAGES . $banner->fields['banners_image'] . '" alt="'. $banner->fields['banners_title'].'" />';
} else {
if ($banner->fields['banners_open_new_windows'] == '1') {
$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>';
} else {
$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>';

Pay attention to the SPACE befor the "/"!!!

Hi

I've installed this mod lots of times because it's my favorite slider. It always works great. For my latest use I need to use images in portrait mode rather than landscape so we need the slider to be taller than it is wide. My first test images are 191px wide x 298px tall. The problem I am having is the images are displaying huge at roughly 576px wide x 900px. Is there a way get the images to display at normal size?

It works fine if I use wide images(landscape).

The zx slider admin settings used to have height and width settings but those have been removed a few versions ago.

I have it installed on zen cart 1.5.3 with the default classic template (unmodified)

never mind I see what's happening. There's no way to set the width, height in zx admin settings so the slide fills the space available. I put the slider code into a fixed width div and that took care of it.

Heh, I just got here to tell you that, but I'm glad to hear you've figured it out. :)

balihr:

Heh, I just got here to tell you that, but I'm glad to hear you've figured it out. :)

Hi balihr, I was wondering, is there any way to determine which version of ZX Slider is installed? I have a template with an older version of ZX Slider pre-installed, but unfortunately I can't tell which version. I would like to uninstall the older version, and install the newest ZX Slider (2.1).

McLovin:

Hi balihr, I was wondering, is there any way to determine which version of ZX Slider is installed?
Yes, there's a very simple way to determine which version you're using. Take a look at the configuration options in admin. There are 3 possible situations:

1. If you have options to set width and height, you're using version 1.0.
2. If you don't have those options AND last config line doesn't mention slideshow version, you're using 2.0
3. If the last line in configuration shows slideshow version, well, try guessing which version you have... :wink:

Regards,
Leonard

balihr:

Yes, there's a very simple way to determine which version you're using. Take a look at the configuration options in admin. There are 3 possible situations:

1. If you have options to set width and height, you're using version 1.0.
2. If you don't have those options AND last config line doesn't mention slideshow version, you're using 2.0
3. If the last line in configuration shows slideshow version, well, try guessing which version you have... :wink:

Regards,
Leonard

Thank you! I'll check it immediately! =D

Hi

The latest version of zx slider doesn't have the captions. How can I add the caption feature back?

thanks :-)

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

Awesome! Thank you so much. It worked perfectly. I'm so happy to be able to add it back and also have the latest version.