Back To Website Design Forum

oscommerce zoom function help needed

  • raz0rblade
  • Born
  • Born
  • No Avatar
  • Joined: Aug 02, 2009
  • Posts: 2
  • Status: Offline

Post August 2nd, 2009, 1:06 pm

I have installed jqzoom evolution http://www.mind-projects.it/projects/jqzoom/ on my oscommerce shop (product info page) I have also installed the multiple image contribution because you need more then 1 image (1 for the normal image and 1 as enlarged picture which functions as the zoom picture). I have altered the code to this in the product info page :

Code: [ Select ]
<div class="demo" style="margin-top:0px;margin-left:20px;"><!-- demo2 container-->
    <p>
    
<a href="kawasakigreen.jpg" class="jqzoom2" style="" title="Kawasaki" name="demo2">
    
<?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image'], addslashes($product_info['products_name']), SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5" name="prodimg"') .'</a>'; ?>
    </p>

    </div><!-- end demo2 container-->
  1. <div class="demo" style="margin-top:0px;margin-left:20px;"><!-- demo2 container-->
  2.     <p>
  3.     
  4. <a href="kawasakigreen.jpg" class="jqzoom2" style="" title="Kawasaki" name="demo2">
  5.     
  6. <?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image'], addslashes($product_info['products_name']), SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5" name="prodimg"') .'</a>'; ?>
  7.     </p>
  9.     </div><!-- end demo2 container-->


The last part ( which makes sure the right image is shown for that specific product) works fine, but i am not sure how to alter the code so the correct large image becomes shown (instead of the kawasaki motor bike now ;-) )


I hope you understand my question, and that someone can help me out with the first part of the code. Many thanks in advance,

Love,

megan
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post August 2nd, 2009, 1:06 pm

  • Zwirko
  • Guru
  • Guru
  • User avatar
  • Joined: May 29, 2005
  • Posts: 1417
  • Loc: 55° N, 3° W
  • Status: Offline

Post August 4th, 2009, 3:50 am

On the "how to" page of jQzoom the examples (as you know) look like this:

Code: [ Select ]
<a href="images/BIGIMAGE.JPG" class="MYCLASS"  title="MYTITLE">
<img src="images/SMALLIMAGE.JPG" title="IMAGE TITLE" ></a>
  1. <a href="images/BIGIMAGE.JPG" class="MYCLASS"  title="MYTITLE">
  2. <img src="images/SMALLIMAGE.JPG" title="IMAGE TITLE" ></a>


So if I understand it correctly, you want to replace the first line of code (the "bigimage") with some php code similar to the php that creates the small product image? If that is the case, you'd probably have more success in the "Programming Forum" section of Ozzu.

Bear in mind that I'm almost clueless when it comes to php, but can't you make a similar bit of php like that which you already have but point the link to a directory containing the large images?

Page 1 of 1

Post Information

  • Total Posts in this topic: 2 posts
  • Users browsing this forum: No registered users and 233 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.