ZX Slideshow support thread

[notageek]

Hi.

I want to report that this module works well with the Zencart_zen template. As that template has an extensive includes/templates/Zencart_zen/css/index_home.css file, I was concerned and puzzled at how I would "merge" the two files, but I simply pasted the ZX Slideshow code at the end of that file, and that was successful. I had overwritten that file on first installation, and of course, the only problem was that the Zencart_zen CSS code was then not operational until I made this change.

I also merged one other file very easily with WinMerge, but with that file it was very obvious what to do in WinMerge. Just thought another "Merge" beginner could benefit from this information.

Notageek

[notageek]

Hi.

I might be having the same problem as Roseniko described in Post 217:

Even though I put Banner URL on Banner Manager page, the hyperlink does not work.
(only the first slide image has the link on when it loads, but after the image gets replaced with others, it just is not working - No more link - it's gone)

In my slideshow at www. go karaoke machine dot com, which works amazingly well, I find that, although I put in a separate link for each slide, the only link that works for each slide is the link of the first slide. Every slide, when clicked, goes to that link.

I did put in 3 extra slides which rotate in. Maybe that threw everything off.

Or, the problem could be in my index_home.css file, because I added the ZX Slideshow code to the bottom of the file I already had for the Zencart_zen template. That code is here:

h3 {
	font-size:1.2em;
	font-weight: bold;
	line-height: normal;
}
.boxLeft {
	margin: 10px auto;
	padding: 5px 0 15px 10px;
   background: #eaeaea;
	border: solid #B6ABD5;
	border-width: 2px 0 1px 0;
	width: 310px;
	float: left;
	height:290px;
	}
#CustomSlideshow {
	 margin:15px 20px 0 0;
	 padding:10px 20px 0 0;
    -webkit-transform: rotate(-3deg) scale(0.9);
    -moz-transform: rotate(-3deg) scale(0.9);
    transform: rotate(-3deg) scale(0.9);
}

label.inputLabelMailchimp{width: 8em;float: left;line-height:normal;}

form#news {

	counter-reset: fieldsets;	
}
form#news fieldset {
	margin-bottom: 10px;
display:block;
	background:#FFEDCF;
	border:1px solid #6F675A;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
form#news fieldset:last-of-type {margin-bottom: 0;}
form#news legend {
	padding: 0.3em;
	font-size: 1.1em;
	color: #000;
	font-weight:bold;
	text-shadow: 0 1px 1px #ACADB0;
}
form#news > fieldset  > fieldset > legend:before {
	content: "Step " counter(fieldsets) ": ";
	counter-increment: fieldsets;
	}
form#payment fieldset fieldset legend {
	color: #000;
	font-size: 1.2em;
	font-weight: normal;
	padding-bottom: 0;
	}	
form#news fieldset fieldset {
	border:none;
}
/*form#news ol {  
padding: .5em .5em 0 .5em;  
list-style: none;
}*/
form#news ol li {
	margin-bottom: 2px;  
	padding: 5px 10px .5em;
	background: #FFF2DD;
	background: rgba(255,255,255,.3);
	border-color: #EDF6FF;
	border-color: rgba(255,255,255,.6);
	border-style: solid;
	border-width: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	line-height: 30px;
	list-style: none;
}
form#news fieldset:first-of-type {margin-top: 0;}




.boxLeft p {
	margin: 0;
	padding: 0 3px 3px 5px;
	line-height: 1.3em;
	}
.boxLeft p:first-of-type {margin-top: 5px;}		
.boxLeft p span {
	color: #000080;
	font-family:Georgia,serif;
	font-weight: bold;
	font-size:.8em;
	text-transform:uppercase;
	letter-spacing:2px; 
}	
.boxLeft p a {
	text-decoration: underline;
}
.boxLeft p a:hover {
	text-decoration: underline;
	background:#EDA93A;
}	
.boxLeft h2 {
	margin: 0 0 1em 0;
	padding: 0;
	font-weight: bold;
	line-height: 1.3em;
	text-align: center;
	color: #000080;
	border-top: 1px solid #d3d0c2;
	border-bottom: 1px solid #d3d0c2;
	font-variant: small-caps;
	}
.boxLeft h3 a{
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000080;
	}

	.boxRight {
	margin: 10px auto;
	padding: 5px 8px 5px 8px;
   background: #eaeaea;
	border: solid #B6ABD5;
	border-width: 2px 0 1px 0;
	width: 49%;
	float: right;
	}
.boxRight .centerBoxWrapper {
	margin: 0;
	border: 1px solid #DFDFDF;
	border-width: 0 0 1px 0;
	width:100%;
	}
.boxRight .centerBoxContentsNew	{
	margin: 0;
	padding:0;	
}	
.boxRight p {
	margin: 0;
	padding: 3px 3px 3px 5px;
	line-height: normal;
	}
.boxRight p:first-of-type {margin-top: 5px;}	
.boxRight p span {
	color: #000080;
	font-family:Georgia,serif;
	font-size:.8em;
	font-weight: bold;
	text-transform:uppercase;
	letter-spacing:2px; 
}
.boxRight p a, .greeting a {
	background:none;
}
.boxRight p a:hover, .greeting a:hover {
	background:none;
}	
.boxRight h2 {
	margin: 0;
	padding: 0;
   background: #eaeaea;
	font-weight: bold;
	line-height: 1.3em;
	text-align: center;
	color: #000080;
	border-top: 1px solid #d3d0c2;
	border-bottom: 1px solid #d3d0c2;
	font-variant: small-caps;
	}
		
.box {
	padding: 0 .5em;
	border: 2px solid #B6ABD5;
	background: #F9F4EC;
	}	
.box p {font-style: normal;}
 
.boxtwoText {margin:0 0 0 40px;padding:0;float:left;width:45%;}
.boxtwoText ul li {font-size: 0.9em;}
.boxtwoText p {font-style: normal;}

.edit {
	text-decoration: line-through;
	color: red;
}
.continueReading {
padding: .3em;
	float: right;
	font-size:.9em;
}

#centercolumnFooter {
margin: 0;
padding: 0;
border: solid #000;
border-width: 1px 0 0 0;
}
#holder {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px #666;
	width: 580px;
	height: 370px;
	float:right;
	margin :1em;
	background:url(../images/bg.png) right bottom no-repeat
}
/*
 * jQuery Nivo Slider v2.7.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* 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;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
.theme-default .nivoSlider {
	position:relative;
	background:#fff url("../images/loading.gif") no-repeat 50% 50%;
    margin:0 auto 50px auto;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	position:absolute;
	left:50%;
	bottom:-42px;
    margin-left:-40px; /* Tweak this to center bullets */
}
.theme-default .nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url("../images/bullets.png") no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url("../images/arrows.png") no-repeat;
	text-indent:-9999px;
	border:0;
}
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

The code is not gone from the banner manager. It's just being ignored.

I have searched Google and looked at banner information, but so far have not unearthed an explanation. I'm having some other problems which I will mention in the next post, so maybe they are related to the single URL problem.

Thanks for any help.

Notageek

[notageek]

May in connection with the above post about URLs being ignored for individual banners, I am seeing the following 3 problems.

1. When I first go to my website, I can see the slide name and 12345678910 at the top left of my slide, and they become bold when hovered on, but are inactive. Also, when Ii hoaver over that upper left corner, I see "next/prev" but that too is inactive. At the same time, the 10 slide dots under the slide do not appear.

I realize these disappear with changing the items in the configuration file (caption opacity at zero, show numbered navigation at false), but everything is generally set to true and the header opacity is at the 0.8, and these things do go away on the refresh.

2. I cannot select a banner by the dots 1-10 below the slideshow.

3. Hovering over the banner, I cannot use the arrows to go to next and previous. The arrows are inoperable.

Maybe the answer is in the index_home.css code in the post just above this one.

Any suggestions will be appreciated.

Notageek

[notageek]

Hi. In regard to the above two posts, I want to point out that I have not set a sort order for the banners. I assumed they would display in their numbered order. I am wondering if setting a sort order would affect or solve the URL problem. I guess I will test that out next and post if there is any change.

Notageek

[balihr]

In my slideshow at www. go karaoke machine dot com, which works amazingly well, I find that, although I put in a separate link for each slide, the only link that works for each slide is the link of the first slide. Every slide, when clicked, goes to that link.

Argh... Another bug in the module. I really need to submit an updated version...

Just go to admin->Configuration->ZX Slideshow and change the effect from "true" to "fade" or something else. Thing is - there is no such effect as "true", that's just something I missed in the code. It should work after you change the effect...

[notageek]

Hi, and thanks.

1. You really made me laugh.

2. I didn't tell you I had it set to "true."

3. This module is a small miracle.

Notageek

[getiton]

Hi
Please can someone help me. I have this module installed on my one of my site site using 1.3.9 and it works wonderfully. I have just tried to install onto my newer site which is running zen 1.5.0 and it comes up with error messages when i try to install the SQL patch.
I uploaded a slide via banner manager to make sure the files were correct and the slider does show on the front of my site but i cant change any settings because ZX slideshow is not showing in my configuration menu. Any ideas??

Thanks in advance Kriss

[dharrison]

Hi Could I just ask, does this slideshow work in the new ZenCart version 1.5.1?

[balihr]

Hi
Please can someone help me. I have this module installed on my one of my site site using 1.3.9 and it works wonderfully. I have just tried to install onto my newer site which is running zen 1.5.0 and it comes up with error messages when i try to install the SQL patch.
I uploaded a slide via banner manager to make sure the files were correct and the slider does show on the front of my site but i cant change any settings because ZX slideshow is not showing in my configuration menu. Any ideas??

Thanks in advance Kriss

Try to manually register the page. I have no idea why, but some installs just don't accept the Page Registration directly from the sql patch...

[balihr]

Hi Could I just ask, does this slideshow work in the new ZenCart version 1.5.1?

Yup, works just fine with 1.5.1 - already tested on a few sites