ZX Slideshow support thread

It's impossible to help you without a link to your site...

OK, here's a solution on how to center ZX Slideshow for all those interested:

Go to includes/templates/YOUR_TEMPLATE/css/index_home.css and find lines 90-97. Originally, this is how it looks:

.theme-default .nivoSlider {
    position:relative;
    background:#fff url("../images/loading.gif") no-repeat 50% 50%;
    margin-bottom:50px;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}

Now, simply change the code in red with margins of your choice. For those who don't know, the numbers represent "top right bottom left". Change it to something like this if you want the slideshow to be centered:

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

This is it, your slideshow should now be centered.

probtc:

Hi,
Firstly thanks for this addon...
I am testing my store on my localhost.I was trying to move my slideshow container to under navigation bar.On home page everything is fine script works great but when click another links, I cant see buttons and images sliding to different position, it looks like something is missing or css problem. what am i doing wrong? could you help me about this issue please?

balihr:

OK, here's a solution on how to center ZX Slideshow for all those interested:

Go to includes/templates/YOUR_TEMPLATE/css/index_home.css and find lines 90-97. Originally, this is how it looks:

.theme-default .nivoSlider {
position:relative;
background:#fff url("../images/loading.gif") no-repeat 50% 50%;
margin-bottom:50px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}

> 
> Now, simply change the code in red with margins of your choice. For those who don't know, the numbers represent "top right bottom left". Change it to something like this if you want the slideshow to be centered:
> ```
.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;
}

This is it, your slideshow should now be centered.

I just tried to do it, but the slideshow remains in the left only.

kindly check my website.

It is working great now. Thanks a lot for your help...

It actually DOES work. The link you gave me (.com) is just an iframe. Try visiting your site on it's original URL. BTW, I hope you are aware that you shouldn't be using Zen Cart in iframe...

Hi Balihr,
I just installed the mod with no problems and it runs, however, there is a "line" around the image so that if I put it on top a background I see an outline. Almost like a drop shadow in a way. I have tried both .png and .jpg versions of the files. Any ideas on how to get rid of this "outline"?

rjc_nnc:

Hi Balihr,
I just installed the mod with no problems and it runs, however, there is a "line" around the image so that if I put it on top a background I see an outline. Almost like a drop shadow in a way. I have tried both .png and .jpg versions of the files. Any ideas on how to get rid of this "outline"?

Hi rjc

From my understanding of this, there is in the /includes/templates/YOUR_TEMPLATE/css/index_home.css file, a section of code looking something like this

.theme-default .nivoSlider {
	position:relative;
	background:#fff url("../images/loading.gif") no-repeat 50% 50%;
    margin-bottom:50px;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;/*4a4a4a*/
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}

the shadow you are refering to is defined by the lines

-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
 box-shadow: 0px 1px 5px 0px #4a4a4a;

change each of them, to look like

-webkit-box-shadow: 0px #4a4a4a;
-moz-box-shadow: 0px #4a4a4a;
 box-shadow: 0px #4a4a4a;

and that should set no shadow all the way around the slideshow.

Thanks so much twistafix!! That is exactly what I needed...now everything is looking good!

Hi Balihr,

Thanks for your help.

I have a question.

can I use the mod to show on a specific category page?

I mean, is it possible to have multiple slideshows, one for each category in my shop?

If possible, let me know how this can be done.

best regards

muteyaar:

can I use the mod to show on a specific category page?
Yes, you can, although it won't be very simple. You only have 10 banner positions to use. If you use 5 of those positions for homepage, you're left with only 5 more for category pages. So, first of all, you'd need to add more banner positions depending on how many you really want. Then, you'd have to hard code which positions are used on a specific category.

I mean, is it possible to have multiple slideshows, one for each category in my shop?
A slideshow on every category page? IMHO, not at all user friendly and personally I would hate a site doing this. But, it's your choice.

If possible, let me know how this can be done.
It's quite a lot of work and thus beyond my free forum support, sorry. Perhaps someone else would like to step in and explain it in details for you...

I'm not entirely sure whether this will be of any use to anyone but this adjustment makes the slideshow appear only on the home page and fixes the true/false status

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

Great addon I love it
But I do have a problem, I can get the zx_slider to work no problem.
I am using the Abbington_mega template with the tabbed home page module installed
It seems that if I get the slideshow working the home page tabs quit working, If I reinstall the homepage tabs module the slideshow quits working
Do you have any ideas what may be causing this? I really would like to get them to play nice together
Thanks

kevjol:

Great addon I love it
But I do have a problem, I can get the zx_slider to work no problem.
I am using the Abbington_mega template with the tabbed home page module installed
It seems that if I get the slideshow working the home page tabs quit working, If I reinstall the homepage tabs module the slideshow quits working
Do you have any ideas what may be causing this? I really would like to get them to play nice together
Thanks

Can you provide a link to your site? It's almost impossible to help without seeing the actual site...

sure no problem
https://www.new.southerncomforter.com

I got it, finally
I had to merge the code into the tpl_index_default file, like it said in the readme (sorry)
But it is working now and it looks great
Thanks for the contribution

I am having trouble getting this to work on my website (http://www.toolsforchrist.com/shop). I believe I followed all the steps perfectly but I am not getting ZX Slideshow to show up on the site or admin page. Any ideas?

Thanks

coreyalderin:

I am having trouble getting this to work on my website (http://www.toolsforchrist.com/shop). I believe I followed all the steps perfectly but I am not getting ZX Slideshow to show up on the site or admin page. Any ideas?

Thanks

If it's not showing in the admin, then there are 2 options:

1. you didn't run the SQL patch
2. you ran the SQL patch for Zen Cart 1.3.x instead of 1.5.0

I made sure to run the correct patch and after hitting the send button I did not get any error messages. It appeared to work correctly. I tried doing it again and I get a page that says "The website cannot display the page".

I got it to show up on the admin page by manually placing all the files in their correct folders. But I am still not able to get the slideshow to show up on the main page.

I've upgraded from ZenCart 1.3.9 to ZenCart 1.5. I tried installing ZX Slideshow but when I try to install the sql file I get and error message "WARNING: An Error occurred, please refresh the page and try again. As I understand this is a generic message than means my database is not communicating with my admin. Can you help me figure out what I'm doing wrong. Thanks.