preerp10 Posted January 1, 2012 Share Posted January 1, 2012 Is there a way to keep "all images" visible in the gallery after selecting a product combination? Once you do that, all but the cover goes away and it gives you a link to display all. Also is there a way to expand the number of images shown at once? Looks like fancybox, which I haven't specifically set up before but have use similar lightboxes.. Link to comment Share on other sites More sharing options...
preerp10 Posted January 2, 2012 Author Share Posted January 2, 2012 I see what's happening. PS is set up so you can display different images based on the combination. Pick the yellow ipod, it shows you a yellow ipod picture. Well if you go setting up hundreds of product combos and don't select pictures for each then you end up in the same boat as I. What I did was go into js/product.js and remove line 363 $('#thumbs_list li').hide(); So now it does not reset the thumbnails after a combination is selected. IT still shows "show all pics" but I can't find where that is located to take it out. Also I still cant find where to change the width of the thumbnails list. I see that in product.js, it looks like you can change the number of thumbnails shown. However the width of the frame has some inline CSS with a width set to 363px. I cannot find where to change this anywhere. Does anyone know? I really would like to show 4 thumbs at once instead of 3. Link to comment Share on other sites More sharing options...
preerp10 Posted January 2, 2012 Author Share Posted January 2, 2012 Sorted. It was in product.css all along. To anyone else that finds this and wants to show more thumbnails, here's what I changed. It shows about 6 thumbs at a time. /* WAS ORIG 266w TO ALLOW 3 THUMBNAILS */ #pb-right-column #views_block { margin-top:10px; width:536px } /* WAS ORIG 216w TO ALLOW 3 THUMBNAILS */ #thumbs_list { float: left; overflow: hidden; margin-left:4px; width: 416px } #thumbs_list ul#thumbs_list_frame { list-style-type: none; padding-left: 0 } /* WAS ORIG 60h. But bottom border cut off */ #thumbs_list li { float: left; height: 65; width: 72px; cursor: pointer } The problem if you enlarge it more than you have thumbs/pics for then it will look off centered because the back arrow won't be there. Anywho... case closed. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now