ZX Slideshow support thread

[crexis]

For the slider effects, is there a way to completely randomize the effects show, so it's different everytime? Closest one I see is randombox but that isn't everything.

Also I'm having an issue, the pause time is working for the transition from slide 1 to 2, but then it's not pausing for the same amount of time and quickly going from slide 2 to 3 etc. Anyway to make this consistent?

www.sunnysihota.com/zen

[balihr]

For the slider effects, is there a way to completely randomize the effects show, so it's different everytime? Closest one I see is randombox but that isn't everything.

Also I'm having an issue, the pause time is working for the transition from slide 1 to 2, but then it's not pausing for the same amount of time and quickly going from slide 2 to 3 etc. Anyway to make this consistent?

www.sunnysihota.com/zen

The effects are literally original from Nivo slider (since the module is based on it) so, whatever Nivo offers in matter of effects, that's what we have here. If you select "random", the script will randomly select one of the available effects. Now, random means it could be something like 1-5-4-7-3-2-6 or it can be 1-5-1-4-2-1... I hope it makes sense...

As for pause time - I just checked and pause time is the same between slides. It might seem different to you, but keep in mind that the pause time starts as soon as the slide shows. So, if you have transition time set to 850 ms and pause time set to 4 seconds, the first slide will show for 4 seconds. Then, the second slide will show up and will "load" for 850 ms, but pause time will start immediately meaning the second slide will show for 4-0.85 = 3.15 seconds...

[jaychan2013]

To be perfectly honest, I have no idea why it happens, but it happened to me as well on several occasions - it's seems like some sites simply won't accept it. Since it obviously accepts the configuration group part of the statement, just install it manually from the DB. Check the configuration group ID, replace it in the SQL statement and run the SQL from phpmyadmin. Don't forget to add the DB prefix if you're using it. Sorry, but that's the best advice I can give you...

Hi balihr, I've got the same problem as posts of #126 and #431. But I'm using 1.5.1zencart.
I would like to run sql inside myphpadmin, but I don't know what to do, which SQL area to run. My database is "JAYCHAN", does it run here for the whole sql code?


What group id should I replace?

What should I do for "Don't forget to add the DB prefix"?

Thanks so much!!

[balihr]

Hi balihr, I've got the same problem as posts of #126 and #431. But I'm using 1.5.1zencart.
I would like to run sql inside myphpadmin, but I don't know what to do, which SQL area to run. My database is "JAYCHAN", does it run here for the whole sql code?

What group id should I replace?

What should I do for "Don't forget to add the DB prefix"?

You're in the right place to run the query. But first, you need to find out which configuration_group_id you're going to use (assuming THAT part of the SQL statement did execute). Go to Structure tab and click configuration_group table to browse it. The entry will probably be on the last page. Find "ZX Slideshow" under "configuration_group_title" and see what ID was assigned. For example, let's say it's 52. NOTE: this is NOT your value, it's just an example I'm using here.
Now, open the install SQL file (install-v1.5.x.sql) and use lines 10-30 for your SQL tab in phpmyadmin. Copy/paste those lines, but change @ZXconfig with your configuration_group_id (in our example, 52). Your SQL statement should now look something like this:

INSERT INTO configuration (configuration_id, configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, date_added, use_function, set_function) VALUES 
(NULL, 'ZX Slideshow', 'ZX_SLIDESHOW_STATUS', 'false', 'Activate ZX Slideshow for the main page', 52, 1, NOW(), NULL, 'zen_cfg_select_option(array(\'true\', \'false\'),'),
(NULL, 'Slideshow Theme', 'ZX_SLIDESHOW_THEME', 'default', 'Select your theme', 52, 2, NOW(), NULL, 'zen_cfg_select_option(array(\'default\', \'light\', \'dark\', \'bar\'),'),
(NULL, ' Effect', 'ZX_SLIDESHOW_EFFECT', 'fade', 'Effect used for image transition', 52, 3, NOW(), NULL, 'zen_cfg_select_option(array(\'sliceDown\', \'sliceDownLeft\', \'sliceUp\', \'sliceUpLeft\', \'sliceUpDown\', \'sliceUpDownLeft\', \'fold\', \'fade\', \'random\', \'slideInRight\', \'slideInLeft\', \'boxRandom\', \'boxRain\', \'boxRainReverse\', \'boxRainGrow\', \'boxRainGrowReverse\'),'),
(NULL, 'Slideshow Animation Speed', 'ZX_SLIDESHOW_ANIM_SPEED', '500', 'Slide transition speed in miliseconds', 52, 4, NOW(), NULL, NULL),
(NULL, 'Slideshow Pause Time', 'ZX_SLIDESHOW_PAUSE', '4000', 'How long each slide will show in miliseconds', 52, 5, NOW(), NULL, NULL),
(NULL, 'Slideshow Navigation Arrows', 'ZX_SLIDESHOW_NAV', 'true', 'Show Prev/Next navigation arrows', 52, 6, NOW(), NULL, 'zen_cfg_select_option(array(\'true\', \'false\'),'),
(NULL, 'Slideshow Navigation Hide', 'ZX_SLIDESHOW_NAV_HIDE', 'true', 'Show Prev/Next navigation arrows only on hover', 52, 7, NOW(), NULL, 'zen_cfg_select_option(array(\'true\', \'false\'),'),
(NULL, 'Slideshow Numbered Navigation', 'ZX_SLIDESHOW_CONTROL_NAV', 'true', 'Show 1,2,3... navigation', 52, 8, NOW(), NULL, 'zen_cfg_select_option(array(\'true\', \'false\'),'),
(NULL, 'Slideshow Pause on Hover', 'ZX_SLIDESHOW_HOVER_PAUSE', 'true', 'Stop animation while hovering', 52, 9, NOW(), NULL, 'zen_cfg_select_option(array(\'true\', \'false\'),'),
(NULL, 'Banner Display Groups - Slide1', 'ZX_SLIDESHOW_BANNERS_GROUP_SET9', 'slide1', 'Slide 1', 52, 30, NOW(), NULL, NULL),
(NULL, 'Banner Display Groups - Slide2', 'ZX_SLIDESHOW_BANNERS_GROUP_SET10', 'slide2', 'Slide 2', 52, 31, NOW(), NULL, NULL),
(NULL, 'Banner Display Groups - Slide3', 'ZX_SLIDESHOW_BANNERS_GROUP_SET11', 'slide3', 'Slide 3', 52, 32, NOW(), NULL, NULL),
(NULL, 'Banner Display Groups - Slide4', 'ZX_SLIDESHOW_BANNERS_GROUP_SET12', 'slide4', 'Slide 4', 52, 33, NOW(), NULL, NULL),
(NULL, 'Banner Display Groups - Slide5', 'ZX_SLIDESHOW_BANNERS_GROUP_SET13', 'slide5', 'Slide 5', 52, 34, NOW(), NULL, NULL),
(NULL, 'Banner Display Groups - Slide6', 'ZX_SLIDESHOW_BANNERS_GROUP_SET14', 'slide6', 'Slide 6', 52, 35, NOW(), NULL, NULL),
(NULL, 'Banner Display Groups - Slide7', 'ZX_SLIDESHOW_BANNERS_GROUP_SET15', 'slide7', 'Slide 7', 52, 36, NOW(), NULL, NULL),
(NULL, 'Banner Display Groups - Slide8', 'ZX_SLIDESHOW_BANNERS_GROUP_SET16', 'slide8', 'Slide 8', 52, 37, NOW(), NULL, NULL),
(NULL, 'Banner Display Groups - Slide9', 'ZX_SLIDESHOW_BANNERS_GROUP_SET17', 'slide9', 'Slide 9', 52, 38, NOW(), NULL, NULL),
(NULL, 'Banner Display Groups - Slide10', 'ZX_SLIDESHOW_BANNERS_GROUP_SET18', 'slide10', 'Slide 10', 52, 39, NOW(), NULL, NULL),
(NULL, 'ZX Slideshow Version', 'ZX_SLIDESHOW_VERSION', '2.1', 'Currently using: <strong>v2.0</strong><br />Module brought to you by <a href="http://www.zenexpert.com" target="_blank">ZenExpert</a>', 52, 50, NOW(), NULL, 'zen_cfg_select_option(array(\'2.1\'),');

I've highlighted the change - keep in mind that 52 is JUST AN EXAMPLE, your ID might be different.

As for DB prefix - if (and only if) you're using a DB prefix, you'll have to change the first line of the SQL query from

INSERT INTO configuration (con...

to

INSERT INTO zen_configuration (con...

or whatever prefix you're using. You'll see it in step 1 when you're looking for configuration_group table. If it's called zen_configuration_group, your prefix is zen_

Have fun!

[chowardart]

OK! I got it to work BUT... Serious problem...

It threw up a grid of my categories, and what it used were the category images. Mind you, not the sub-categories, but the category main level.

I did a View Source and found the code as such below, and I notice it's saying it's "Display grid of available sub-categories"... What it shows is all the sub categories images in a 3 per row layout, but the images are designed to be like a sub-header, across almost the whole width of the center column, so they're bunched up and running off the edge of the body.

I've figured as much that the culprit is in the tpl_index_categories.php file, but I didn't know what it would do if I commented it out, so balihr I'll wait for you to get back from vacation before attempting this again.

Other than that problem, the few images I put in there were good, they faded between each other so I'm assuming the rest of it is working as it's supposed to. I would experiment further but this is an active site and I don't want to get any complaint calls right now...

Please advise...

I've disconnected it for now and ran the uninstall patch; right now all the files are in place except the tpl_index_categories.php file, and I can easily install it again, install the SQL patch and try it again later...

Edit: I should mention, site is rossales.com, and you'll notice, I only run one side column, on the right, and at the top of that column is the list of categories. This is why I wanted to ask about commenting out the section in the php file before actually trying it...

Here's the section of the source code I mentioned:

<!-- BOF: Display grid of available sub-categories, if any -->

<div class="categoryListBoxContents" style="width:33%;"><a href="http://rossales.com/rosstore/index.php?main_page=index&amp;cPath=2"><img src="images/BromeliadHdr2.jpg" alt="Pineapple (Anasas Comosus)" title=" Pineapple (Anasas Comosus) " width="740" height="197" /><br />Pineapple (Anasas Comosus)</a></div>
<div class="categoryListBoxContents" style="width:33%;"><a href="http://rossales.com/rosstore/index.php?main_page=index&amp;cPath=29"><img src="images/AglaonemaHdr.jpg" alt="Aglaonema" title=" Aglaonema " width="740" height="195" /><br />Aglaonema</a></div>
<div class="categoryListBoxContents" style="width:33%;"><a href="http://rossales.com/rosstore/index.php?main_page=index&amp;cPath=30"><img src="images/categories/CordylineHdr.jpg" alt="Cordyline" title=" Cordyline " width="740" height="195" /><br />Cordyline</a></div>
<br class="clearBoth" />

<div class="categoryListBoxContents" style="width:33%;"><a href="http://rossales.com/rosstore/index.php?main_page=index&amp;cPath=39"><img src="images/Crotonshdr.jpg" alt="Croton (Codiaeum variegatum)" title=" Croton (Codiaeum variegatum) " width="740" height="197" /><br />Croton (Codiaeum variegatum)</a></div>
<div class="categoryListBoxContents" style="width:33%;"><a href="http://rossales.com/rosstore/index.php?main_page=index&amp;cPath=5"><img src="images/CycasHdr2.jpg" alt="Cycas Revoluta" title=" Cycas Revoluta " width="740" height="197" /><br />Cycas Revoluta</a></div>
<div class="categoryListBoxContents" style="width:33%;"><a href="http://rossales.com/rosstore/index.php?main_page=index&amp;cPath=31"><img src="images/DracaenaArboreaHdr.jpg" alt="Dracaena Arborea" title=" Dracaena Arborea " width="740" height="197" /><br />Dracaena Arborea</a></div>
<br class="clearBoth" />

<div class="categoryListBoxContents" style="width:33%;"><a href="http://rossales.com/rosstore/index.php?main_page=index&amp;cPath=14"><img src="images/categories/DracCane2.jpg" alt="Mass Cane & Dracaena Fragrans" title=" Mass Cane & Dracaena Fragrans " width="740" height="197" /><br />Mass Cane & Dracaena Fragrans</a></div>
<div class="categoryListBoxContents" style="width:33%;"><a href="http://rossales.com/rosstore/index.php?main_page=index&amp;cPath=38"><img src="images/GardeniaHdr.jpg" alt="Gardenias" title=" Gardenias " width="740" height="195" /><br />Gardenias</a></div>
<div class="categoryListBoxContents" style="width:33%;"><a href="http://rossales.com/rosstore/index.php?main_page=index&amp;cPath=15"><img src="images/Pachira02.jpg" alt="Pachira Aquatica Braid" title=" Pachira Aquatica Braid " width="740" height="197" /><br />Pachira Aquatica Braid</a></div>
<br class="clearBoth" />

<div class="categoryListBoxContents" style="width:33%;"><a href="http://rossales.com/rosstore/index.php?main_page=index&amp;cPath=16"><img src="images/Phoenix02.jpg" alt="Phoenix Roebelenii" title=" Phoenix Roebelenii " width="740" height="197" /><br />Phoenix Roebelenii</a></div>
<div class="categoryListBoxContents" style="width:33%;"><a href="http://rossales.com/rosstore/index.php?main_page=index&amp;cPath=17"><img src="images/PonytailHdr.jpg" alt="Ponytail Beaucarnea/Nolia" title=" Ponytail Beaucarnea/Nolia " width="740" height="195" /><br />Ponytail Beaucarnea/Nolia</a></div>
<div class="categoryListBoxContents" style="width:33%;"><a href="http://rossales.com/rosstore/index.php?main_page=index&amp;cPath=18"><img src="images/Rhapis02.jpg" alt="Rhapis Excelsa Palm" title=" Rhapis Excelsa Palm " width="740" height="197" /><br />Rhapis Excelsa Palm</a></div>
<br class="clearBoth" />

<div class="categoryListBoxContents" style="width:33%;"><a href="http://rossales.com/rosstore/index.php?main_page=index&amp;cPath=21"><img src="images/ZZ02.jpg" alt="Zamioculcas Zamiifolia (&quot;ZZ&quot;)" title=" Zamioculcas Zamiifolia (&quot;ZZ&quot;) " width="740" height="197" /><br />Zamioculcas Zamiifolia ("ZZ")</a></div>
<br class="clearBoth" />

<!-- EOF: Display grid of available sub-categories -->

[balihr]

OK! I got it to work BUT... Serious problem...

It threw up a grid of my categories, and what it used were the category images. Mind you, not the sub-categories, but the category main level.

Well, probably a matter of hard coding some template files... I can't say for sure without seeing how the site was built, sorry.

Check your admin -> Configuration -> Layout Settings -> Categories - Always Show on Main Page and make sure this is set to 0. I guess that should do the trick. But it's just a guess since there was obviously some kind of customization done earlier...
As an alternative, you might wanna try merging tpl_index_categories.php from your template and the one from the module. Basically, just take the ZX Slideshow code and insert it into your file.

[jaychan2013]

Thanks Balihr for your help! The problem solved. I've sucessfully installed the sql. It is very great module :)

There is only one problem I think.
I've filled in the url but no reaction when I clicked the banner.

I've removed the slide group and create again. But it still doesn't work.

Here is my website: http://www.laughmoreshop.com.

How to add the hyperlink on the banner images? Thanks again!

[jaychan2013]

I've just tried chrome and mobile phone. The hyperlink function is workable. But I cannot do it in IE! T_T

[balihr]

I've filled in the url but no reaction when I clicked the banner.

How to add the hyperlink on the banner images? Thanks again!

I guess you forgot to add http to your links, that's usually what people do wrong...

Re: IE - try the following with your index_home.css:
Find:

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}

and replace with:

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white;
	filter: alpha(opacity=0);
	opacity: 0;
}

I haven't tested it, but hope it helps...

[jaychan2013]

After replacing the code, the hyperlink is workable now.Thank you very much, Balihr!