ZX Slideshow support thread

flameproof:

For some unknown reasons I can't find 'ZX' in the Admin > Configuration menu. ........

Update: I saw the free westminster_new theme and it's really very close to what I like. I will go on with that theme.

I've been searching and twisting this slideshow and doesn't do what I want. I apologize if this has been asked before.

I have a slideshow on wfcomputerpr.com. As you can see I have a background image to accommodate the images inside. The issue here is that the background image is not adjusting as the others do in responsive environment. What should I do in this case?

ideasgirl:

I have a slideshow on wfcomputerpr.com. As you can see I have a background image to accommodate the images inside. The issue here is that the background image is not adjusting as the others do in responsive environment. What should I do in this case?

Interesting request. :) Take a look at stackoverflow solution. Adding

background-size:contain;
background-position:center;

to the first line in index_home.css does the trick, but some further styling WILL be required. You might consider some @media max-width rules to improve it...

Interesting request. :) Take a look at stackoverflow solution. Adding

Thanks! I tried that approach (your suggestion) but then each image will constrain differently, and it will throw off the padding created to make them center properly.

You might consider some @media max-width rules to improve it...
I have max-width and height in place, not sure if changing to your suggestion will change the result to a successful display, will it?

ideasgirl:

Thanks! I tried that approach (your suggestion) but then each image will constrain differently, and it will throw off the padding created to make them center properly.

I have max-width and height in place, not sure if changing to your suggestion will change the result to a successful display, will it?

I'm not sure why you combined padding on parent div and margin on child, but that's what set you off on the wrong track. I got it working, but it still needs additional @media queries to make it work with different screen sizes...

.slider-wrapper.theme-default {
	background-image:url("../images/slider-bg.png");
	background-repeat:no-repeat;
	background-size:contain;
	padding-left:53px;
	padding-top:49px;
}
.theme-default .nivoSlider {
	background:url("../images/loading.gif") no-repeat scroll 50% 50% #fff;
	max-height:300px;
	max-width:600px;
	position: relative;
}

Now, find your breakpoints and change 53px and 49px to whatever is necessary to get it properly aligned for those screen sizes. That's as far as I can go with this, don't have time to play with it some more, sorry.

Regards,
Leonard

I absolutely love this mod! Exactly what I was looking for! One question. I put some pics in just to test out and everything works great. Then I resized the images, deleted the original images off my site and uploaded the resized images. My slideshow still shows the original sized images. I deleted the banners and made new ones , that didn't work. I renamed the pictures, that didn't work. Why is my slideshow using the incorrect image sizes? Is there some cache I need to clear?

hflsales:

I absolutely love this mod! Exactly what I was looking for! One question. I put some pics in just to test out and everything works great. Then I resized the images, deleted the original images off my site and uploaded the resized images. My slideshow still shows the original sized images. I deleted the banners and made new ones , that didn't work. I renamed the pictures, that didn't work. Why is my slideshow using the incorrect image sizes? Is there some cache I need to clear?

Suggest using FTP and removing the first set of images you uploaded from your servers.. I'm pretty sure that the delete function form the admin doesn't always remove the file from the servers..

DivaVocals:

Suggest using FTP and removing the first set of images you uploaded from your servers.. I'm pretty sure that the delete function form the admin doesn't always remove the file from the servers..

Yes, I deleted all of my images with filezilla, renamed them, uploaded them again with the new names. It still uses the original image sizes. The original pics were all different heights, the ones I resized & renamed all have the same height. heels4less .com

Okay, I figured it out. I guess all of the images have to be the exact width & height. Once I made all the pics the exact same size, it worked.

hflsales:

Okay, I figured it out. I guess all of the images have to be the exact width & height. Once I made all the pics the exact same size, it worked.

Sorry, could reply sooner...

You guessed it right! :) Yes, images should be same width and height, otherwise the responsive features come into action. You have a preset width, which is usually the parent container (mostly main content width). ZX Slideshow will take your image, resize it to fit the container and of course, keep aspect ratio. If your slides have different dimensions, it will look like it jumping up and down, but that's the downside of a responsive feature. If your slides are same width and height, it will look good.

balihr:

Sorry, could reply sooner...

You guessed it right! :) Yes, images should be same width and height, otherwise the responsive features come into action. You have a preset width, which is usually the parent container (mostly main content width). ZX Slideshow will take your image, resize it to fit the container and of course, keep aspect ratio. If your slides have different dimensions, it will look like it jumping up and down, but that's the downside of a responsive feature. If your slides are same width and height, it will look good.

Thank you so much balihr for this awesome mod. It works perfectly now that I fixed the images. Makes my site look so much more professional now.

Hello everyone, I installed zx but while uploading image height 450px and 600px in width, the tool resets me the way he wants, and the image becomes too large and takes up the entire screen, where you adjust the sizes of the images? because if you use the size css, js and on you can not figure out where to work. Thank you. Giancarlo

Hi

Newbie here, I am looking to add the slider to a page that is not the main page. How do i do this? Is it configurable from the admin panel?

Thanks

John Anderson
Hammur IT

I'm just making sure this is compatible with Zen Cart v. 1.5.4

Thank you.

Hello.

Thank you for the mod. I've being using it for a while with a fixed width and it was working great. I went full page about 3 weeks ago and no matter what I try it's acting up.

The images are all the same exact size (1920px x 550px). After the first image shows in the transition to the second image it looks like the second image "stretches" downward, and the same thing keeps on happening with the rest of the images. I've tried deleting all caches, deleting the images from the server, uploading new images and nothing seems to work. It adds exactly 5 pixels, so I tried modifying both margins and paddings on the CSS file, but that didn't work at all. I've read and tried all the tips found in this thread, and they don't seem to work either.

My site here byvalenti.com
I'm using the light theme, mod version 2.1 jquery 1.7.1.

Anyone knows why this is happening and how to fix it?

Thanks in advance for the help.

mvstudio:

Hello.

Thank you for the mod. I've being using it for a while with a fixed width and it was working great. I went full page about 3 weeks ago and no matter what I try it's acting up.

The images are all the same exact size (1920px x 550px). After the first image shows in the transition to the second image it looks like the second image "stretches" downward, and the same thing keeps on happening with the rest of the images. I've tried deleting all caches, deleting the images from the server, uploading new images and nothing seems to work. It adds exactly 5 pixels, so I tried modifying both margins and paddings on the CSS file, but that didn't work at all. I've read and tried all the tips found in this thread, and they don't seem to work either.

My site here byvalenti.com
I'm using the light theme, mod version 2.1 jquery 1.7.1.

Anyone knows why this is happening and how to fix it?

Thanks in advance for the help.

Hi MVstudio. I have similar problem. How did you sort this on your site?

Phil

Hi Phil. We haven't. We've tried everything we could think of, even the changes mentioned in this thread, but nothing has worked. Perhaps it has to do with the responsive features?

For anyone looking to solve the issue I was having, place the jquery and jscript files in the modules>pages>index folder. I use the slider on the home page, inserted in a define page. The responsiveness now works as it should.

I just installed the slider on a website I'm building. The install went flawlessly, and the options are showing up under Configuration/ZX Slideshow. Yes, I did remember to change False to True. LOL But...the slideshow isn't showing up on the index page. Is there some snippet of code I need to enter on define_main_page.php so it has something to hook into?

The url is https://www.carnaltopia.com (apologies in advance that it's an adult site). And many thanks to anyone who can help me get it running properly!

Never mind, I figured it out. 'slide1,' you dummy! LOL Now to create reduced size graphics so they don't show up in 500x800!