 |
UbercartOne cart to rule them all... |
|
| Donate to Ubercart | Affiliates | ||
Images on products pages not clickable? .. I'm using Lightbox module Could this is be why?
Submitted by ducky911 on Thu, 02/28/2008 - 00:56
hey fellow ubercarters... My Images on products pages not clickable? .. I'm using Lightbox module Could this is be why? I didnt install thickbox since they said there might be some conflicts. The only thing i see is the thumbnail on the product pages. I cant get the full blown up size. Anyone had a similar problem?
We used Lightboxv2... Does lightbox require the jquery_update, and if so, did you update the jquery script? (moved the file after installing the update mod?) Keep in mind that the clickable images are a function of Thickbox, so you'll have to edit your product templates to use Lightbox links. I haven't used the module, so I can't tell you how it's done... do you guys have a sample site that isnt all too decorated so i can get an idea of how it can look? Here's how I did it. The main thing is to include the class="thickbox" attribute. <a href="/<?php print $field['filepath'];?>" class="thickbox" rel="field_image_cache_0" alt="<?php print $field['filename']; ?>" title="<?php print $field['filename']; ?>"><?php if($field['filepath'] == $field_image_cache[0]['filepath']) print '<img src="/files/imagecache/product/'.$field['filepath'].'" title="'.$field['filename'].'" alt="'.$field['filename'].'">'; ?></a>I used the fields from Contemplate to populate the link, that way your Alt tags and href Title uses whatever value you've got for a filename. You could change this up to include the node title if you want (using $node->nid). Hope this helps. For an example check out something from our catalogue: http://shop.rifftrax.com/rifftrax/jurassic-park (click on the poster to get the large version). I also have multiple images on some products (go to Gift Shop > Apparel > Logo T-shirt and check that out): http://shop.rifftrax.com/apparel/logo-t-shirt ... and that's done by using a foreach loop. torgosPizza, I like your site rifftrax.com great work!! Could you tell me how to achieve the multiple images for a single product I would like to get add that functionality, I saw where you had a snippet above but not sure where to put it in. thanks Thanks, glad you like the site I used the Contemplate module to create a product template, or you could use node-product.tpl.php, I think. Here's the complete code with foreach loop - assuming you are using CCK to add your images (and have "Multiple" selected in your field's config). <?php My only note is that, for portability sake, you might want to swap the "/files/imagecache" etc hard-coded directory locations for a dynamic base_path() and $field['filepath'] construction. I just haven't gotten around to revisiting my code yet So what this loop does, is goes through all of the attached files for that node, and checks if it's the first image ($field_image_cache[0]['filepath']).. If so, it prints that one large and hides all of the other ones, but adds them as elements in the Thickbox array. I can't remember how I figured it out exactly but when you have other links that include the "thickbox" class, it will include them all in the "slides" type presentation you see on our T-shirt product page. Hope this helps! Feel free to tweak and modify to your heart's content. I also noticed mykz's awesome tutorial for styling product pages, which appears to use code very similar to mine, you can check it out here: http://www.ubercart.org/forum/development/3868/nifty_products_tutorial_p... thank you torgosPizza that helped.
|
|
Joined: 02/28/2008