Ecommerce software home
Shopping Cart Software Forum for Ecommerce Templates
 
Home | Profile | Register | Active Topics | Members | Search | FAQ
Username:
Password:
Save Password
Forgot your Password?

Find us on Facebook Follow us on Twitter View our YouTube channel
Search our site
 All Forums
 Technical
 ASP (Windows server) versions
 new image slider parameters
Author « Topic »  

sparksm2
Starting Member

USA
38 Posts

Pre-sales questions only
(More Details...)

Posted - 01/10/2021 :  20:43:16  
I know that the speed of the images can be controlled with number in here:

<script type="text/javascript">
ect_slider(10000);
</script>

Is there a way to add a fade between images? I tried a few attempts with css and nothing seemed to work. Are there other parameters that can be used to customize the slides?

1818charlie
ECT Moderator

United Kingdom
1179 Posts

Posted - 01/11/2021 :  02:00:58  
If this is the built in slider then the answer is no. It's a slider without all the bells & whistles & not trying to be all things to all men. If you want fades etc etc then a third party slider would need to be used & there are dozens of them available, the choice is yours.

Steve
Egerton Village, Bolton, UK

ITZAP
Ecommerce Template Guru

Australia
1009 Posts

Posted - 01/11/2021 :  04:11:05  
Magic Slideshow is magic !
Will do everything you want and more.

Gary

sparksm2
Starting Member

USA
38 Posts

Pre-sales questions only
(More Details...)

Posted - 01/11/2021 :  22:47:16  
I figured it out. I knew there had to be a css solution that would get me close to what I was looking for. It's not a perfect solution, but this works fairly well:


.sliderimages {
animation: fadeIn ease 1s;
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
-ms-animation: fadeIn ease 1s;
}
@keyframes fadeIn {
0% {opacity:0.66;}
100% {opacity:1;}
}

@-moz-keyframes fadeIn {
0% {opacity:0.66;}
100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
0% {opacity:0.66;}
100% {opacity:1;}
}

@-o-keyframes fadeIn {
0% {opacity:0.66;}
100% {opacity:1;}
}

@-ms-keyframes fadeIn {
0% {opacity:0.66;}
100% {opacity:1;}
}

Vince
Administrator

42462 Posts

Posted - 01/12/2021 :  06:06:38  
That is very good Sparksm2 but how about this...

http://34.230.92.153/

This could be set as the default and would just need a regular update.

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

sparksm2
Starting Member

USA
38 Posts

Pre-sales questions only
(More Details...)

Posted - 01/12/2021 :  09:49:13  
Vince, that's exactly what I was looking for!

What's the styling needed to get that look?

Vince
Administrator

42462 Posts

Posted - 01/12/2021 :  11:33:22  
Hi Sparksm2
I'm still working on this but will hopefully have something tomorrow. There is a bit of a problem at the moment with images which aren't the same size as the container.

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

Vince
Administrator

42462 Posts

Posted - 01/13/2021 :  09:24:41  
Hi Sparksm2
The changes for this are in the v7.2 updater now. Just apply the updater fully and you should get a fade on the image slider automatically.

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

sparksm2
Starting Member

USA
38 Posts

Pre-sales questions only
(More Details...)

Posted - 01/13/2021 :  09:29:36  
Vince, thanks! I'll download it and check it out.

Is there one specific file that was changed to account for the slider fade? I took a peek at the ectcart.js and didn't find anything there. Was hoping not to redo a bunch of custom mods if I didn't need to with a full update.

Edited by - sparksm2 on 01/13/2021 12:23:08

Vince
Administrator

42462 Posts

Posted - 01/14/2021 :  00:27:12  
Hi Sparksm2
Sorry for not mentioning that but you don't have to change any of the core files, just the ectcart files...

css/ectcart.css
js/ectcart.js

Do give the site a <Ctrl>+F5 to refresh the cache after changing those. Also, if you already got a new version of the updater yesterday could you do so again today as I made a small change in the ectcart.css file that should improve the display slightly.

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

sparksm2
Starting Member

USA
38 Posts

Pre-sales questions only
(More Details...)

Posted - 01/14/2021 :  09:38:57  
Works flawlessly, thanks a bunch Vince!

Vince
Administrator

42462 Posts

Posted - 01/14/2021 :  13:44:48  
My pleasure, and I have to say it's a lot cooler with a fade. Thanks for the idea!

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

sparksm2
Starting Member

USA
38 Posts

Pre-sales questions only
(More Details...)

Posted - 01/18/2021 :  21:26:20  
Vince, there's another issue with the new slider.

I link the slides to the product page that corresponds to the slide being displayed. For whatever reason, for me at least, the url for ALL the slides is linked to the last url in the sequence.

When I inspect the slides in browser, the html is correct. I'm guessing it has something to do with the .js file

Vince
Administrator

42462 Posts

Posted - 01/19/2021 :  04:44:01  
Ok, I see the problem and I've got a fix for it. Can you get a new copy of the updater and you need to update both the files...
css/ectcart.css
js/ectcart.js
...and that should sort this out.

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

sparksm2
Starting Member

USA
38 Posts

Pre-sales questions only
(More Details...)

Posted - 01/19/2021 :  11:24:26  
Looks to be good now. Much appreciated.
  « Topic »  
Jump To:
Shopping Cart Software Forum for Ecommerce Templates © 2002-2022 ecommercetemplates.com
This page was generated in 0.03 seconds. Snitz Forums 2000