osCommerce and osCMax shopping cart software forums

Shopping Cart Software

osCommerce with teeth!

 

AJAX images: clic opens image slider in ajax

This is a discussion on AJAX images: clic opens image slider in ajax within the osCMax v2 Customization/Mods forums, part of the osCMax v2.0 Forums category; Hello, I'm looking for a feature that I see in several stores: when a customer clics on the product image, ...



Find us on Facebook
Go Back   osCommerce and osCMax shopping cart software forums > osCMax v2.0 Forums > osCMax v2 Customization/Mods

Connect with Facebook Register FAQDonate Members List Calendar Mark Forums Read


Reply

 

LinkBack Thread Tools
  #1  
Old 03-18-2010, 02:00 AM
New Member
 
Join Date: Mar 2010
Posts: 14
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Power: 0
Mythos is on a distinguished road
Default AJAX images: clic opens image slider in ajax

Hello,

I'm looking for a feature that I see in several stores: when a customer clics on the product image, it opens an Ajax image slider, like the one here (click to enlarge): IK Multimedia StealthPedal | Sweetwater.com

Thank you,
Mythos
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #2  
Old 03-18-2010, 02:36 PM
met00's Avatar
osCMax Development Team
 
Join Date: Oct 2005
Location: wherever I happen to be at the moment
Posts: 671
Thanks: 15
Thanked 117 Times in 108 Posts
Rep Power: 10
met00 is a name known to allmet00 is a name known to allmet00 is a name known to allmet00 is a name known to allmet00 is a name known to allmet00 is a name known to all
Default Re: AJAX images: clic opens image slider in ajax

I'll leave this one's detailed description to resolve to ridex, but basically it's just a ajax lightbox with mo-picks added to it so all the pics associated to the product are in the lightbox. So, think of it as a replacement for lightbox with mopics built in...

Is it possible? Sure. It's a manual hack and a replace of lightbox with the new component.
__________________
so endith the lesson
<think>sometimes I just sit's and thinks</think>
"Here you are with a hand full of holes, a thumb up your ass, and a big grin to pass the time of day with." - TWB
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #3  
Old 03-18-2010, 03:45 PM
New Member
 
Join Date: Mar 2010
Posts: 14
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Power: 0
Mythos is on a distinguished road
Default Re: AJAX images: clic opens image slider in ajax

Is there a mod for that ? I don't really understand how to do it

Thanks !
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #4  
Old 03-18-2010, 06:04 PM
met00's Avatar
osCMax Development Team
 
Join Date: Oct 2005
Location: wherever I happen to be at the moment
Posts: 671
Thanks: 15
Thanked 117 Times in 108 Posts
Rep Power: 10
met00 is a name known to allmet00 is a name known to allmet00 is a name known to allmet00 is a name known to allmet00 is a name known to allmet00 is a name known to all
Default Re: AJAX images: clic opens image slider in ajax

lightbox is part of osCMax. In that case you click on the image and it opens in a lightbox layer above the page (rather than using a popup window,like the old osc did).

There are any number of "lightbox" like components out there. They are using a lightbox script

Code:
<script type="text/javascript" src="/site2.0/js/lightbox.js"></script>
Now, if I look at the code... I see
// Select all anchor tags that have .jpg extensions

so the jquery lightbox they are using looks for all jpg anchors with specific classes (.SDProdThumbs and are list elements that are anchors with a jpg href) or within divs with IDs (#SDProdImage, #GWLBThumbs - and again the thumbs have to be in an li with an href with jpg ) and then selects those images and places them in a strip...

If you actually go read the code you could see how to implement it.

1) add jquery to the product_info.tpl.php page
2) add the lightbox.js to the product_info.tpl.php page
3) add the class or id's to images you want to pick up...

bingo, it should implement...

[there is a bit more to it, but those are the basics to start]

My point is, adding feature sets like this requires you to be able to read the code and then determine what you will have to change in how product_info is built to implement the changes.

Things like this are not generally "drop in modules" where some other developer has already done the work to implement it for you. Sometimes you have to look at the source code and determine how someone else did it and who you can copy their implementation into your store.
__________________
so endith the lesson
<think>sometimes I just sit's and thinks</think>
"Here you are with a hand full of holes, a thumb up your ass, and a big grin to pass the time of day with." - TWB
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
The Following User Says Thank You to met00 For This Useful Post:
ridexbuilder (03-19-2010)
  #5  
Old 03-18-2010, 06:49 PM
New Member
 
Join Date: Mar 2010
Posts: 14
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Power: 0
Mythos is on a distinguished road
Default Re: AJAX images: clic opens image slider in ajax

Thanks met00,

Is there some kind of step by step instructions for this ?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #6  
Old 03-18-2010, 08:51 PM
met00's Avatar
osCMax Development Team
 
Join Date: Oct 2005
Location: wherever I happen to be at the moment
Posts: 671
Thanks: 15
Thanked 117 Times in 108 Posts
Rep Power: 10
met00 is a name known to allmet00 is a name known to allmet00 is a name known to allmet00 is a name known to allmet00 is a name known to allmet00 is a name known to all
Default Re: AJAX images: clic opens image slider in ajax

nope. You have to understand more than PHP. This uses jquery, it has some complex selection, and will require more than a little modification to the products_info to create the appropriate selectors for it to grab and load the images.

Actually, if anyone is using mopics it's a very nice way to grab and get all the images for display.

[and if you want to say thanks in the forums, use the button and/or the buttons on their post]
__________________
so endith the lesson
<think>sometimes I just sit's and thinks</think>
"Here you are with a hand full of holes, a thumb up your ass, and a big grin to pass the time of day with." - TWB
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #7  
Old 03-19-2010, 01:50 AM
ridexbuilder's Avatar
osCMax Development Team

 
Join Date: Jul 2008
Location: Haggisland
Posts: 1,624
Thanks: 152
Thanked 192 Times in 181 Posts
Rep Power: 13
ridexbuilder is a splendid one to beholdridexbuilder is a splendid one to beholdridexbuilder is a splendid one to beholdridexbuilder is a splendid one to beholdridexbuilder is a splendid one to beholdridexbuilder is a splendid one to beholdridexbuilder is a splendid one to beholdridexbuilder is a splendid one to behold
Thumbs up Re: AJAX images: clic opens image slider in ajax

Don't get much more of a comprehensive reply than that, Met00!
__________________
Hosting plans with installation, configuration, contributions, support and maintenance.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #8  
Old 03-21-2010, 01:14 AM
pgmarshall's Avatar
osCMax Development Team
 
Join Date: Feb 2009
Location: London
Posts: 1,156
Thanks: 63
Thanked 245 Times in 210 Posts
Rep Power: 15
pgmarshall has much to be proud ofpgmarshall has much to be proud ofpgmarshall has much to be proud ofpgmarshall has much to be proud ofpgmarshall has much to be proud ofpgmarshall has much to be proud ofpgmarshall has much to be proud ofpgmarshall has much to be proud ofpgmarshall has much to be proud of
Default Re: AJAX images: clic opens image slider in ajax

Did I miss something - osCMax does this out of the box now!

Lightbox opens on click to enlarge - move mouse to right hand side of lightbox - click - you get the next picture ... pretty standard stuff ...

Regards,
__________________
pgmarshall
_______________________________
Test Site: www.cottonbarn.info

Want to say thank you if I helped you out? Help me block this waste incinerator plan (www.nywag.org) in North Yorkshire, UK. Sign the petition here (only takes 1 minute). Thanks.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #9  
Old 03-21-2010, 01:42 AM
ridexbuilder's Avatar
osCMax Development Team

 
Join Date: Jul 2008
Location: Haggisland
Posts: 1,624
Thanks: 152
Thanked 192 Times in 181 Posts
Rep Power: 13
ridexbuilder is a splendid one to beholdridexbuilder is a splendid one to beholdridexbuilder is a splendid one to beholdridexbuilder is a splendid one to beholdridexbuilder is a splendid one to beholdridexbuilder is a splendid one to beholdridexbuilder is a splendid one to beholdridexbuilder is a splendid one to behold
Talking Re: AJAX images: clic opens image slider in ajax

Quote:
Originally Posted by pgmarshall View Post
Did I miss something ...
Always!
Doesn't look exactly like OP's example, so obviously not good enough.
Pay attention, 007.
__________________
Hosting plans with installation, configuration, contributions, support and maintenance.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #10  
Old 03-21-2010, 03:35 PM
New Member
 
Join Date: Mar 2010
Posts: 14
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Power: 0
Mythos is on a distinguished road
Default Re: AJAX images: clic opens image slider in ajax

Yeah, exactly. I know that the basic functionality is part of osCMax, which is great, much much better than standard (ugly) oscommerce popup.

What I'd need is several pictures per product, with a (manual) slideshow in lightbox. Basically.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


Similar Threads

Thread Thread Starter Forum Replies Last Post
AJAX image attributes michael_s New osCommerce Contributions 0 10-13-2009 01:55 AM
AJAX image attributes michael_s New osCommerce Contributions 0 09-08-2009 01:51 AM
AJAX image attributes michael_s New osCommerce Contributions 0 08-28-2009 06:00 AM
LavoriamoPerVoi Ajax Popup Image michael_s New osCommerce Contributions 0 04-21-2008 11:22 AM
LavoriamoPerVoi Ajax Popup Image michael_s New osCommerce Contributions 0 04-20-2008 08:12 AM


All times are GMT -8. The time now is 07:20 PM.


Powered by vBulletin®
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.
SEO by vBSEO
Copyright 2010 osCmax
Inactive Reminders By Icora Web Design