other animation then current zoom-in/out product overview

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Fri Aug 09, 2013 4:13 pm
Reply with quote
Report this post
hi there

the current gk-5 that is used within storebox, has this animation, when going to the next products: zoom in/out. can this be changed into a scrolling overview? or just a normal fade in/out

http://www.foodgenique.nl/
User avatar
Platinum Boarder

GK User
Fri Aug 09, 2013 10:09 pm
Reply with quote
Report this post
Please edit: /templates/gk_storebox/css/override.css and add at its end:
Code: Select all
.gkNspPM-ProductGallery .gkImagesWrapper > div {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    opacity: 0;
}

.gkNspPM-ProductGallery .gkImagesWrapper > div.show {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1;
}

This should reset scale transform and use only opacity transform.
Remember to enable "CSS override" in template settings - advanced section.
User avatar
Moderator

GK User
Sat Aug 10, 2013 8:13 am
Reply with quote
Report this post
great, works like a charm! thanx [solved]
User avatar
Platinum Boarder


cron