Adding In Stock Image to Product Display Page

[autoace]

Hello:

I am wandering what code is necessary to add an 'In Stock' image on my product info display page.

I do not know PHP at all but do know some programming basics so, if anyone could help me out here - that would be fantastic.

Also would I have add code to my stylesheet to position it correctly or will it all just depend on where I place the code in my product info display page.

Thank you.

[niccol]

you are going to have to edit a file called tpl_product_info_display.php that is in (includes/templates/yourtemplate/templates/)

You need to find the following block of code

<!--bof Product details list  -->
<?php if ( (($flag_show_product_info_model == 1 and $products_model != '') or ($flag_show_product_info_weight == 1 and $products_weight !=0) or ($flag_show_product_info_quantity == 1) or ($flag_show_product_info_manufacturer == 1 and !empty($manufacturers_name))) ) { ?>
<ul id="productDetailsList" class="floatingBox back">
  <?php echo (($flag_show_product_info_model == 1 and $products_model !='') ? '<li>' . TEXT_PRODUCT_MODEL . $products_model . '</li>' : '') . "\n"; ?>
  <?php echo (($flag_show_product_info_weight == 1 and $products_weight !=0) ? '<li>' . TEXT_PRODUCT_WEIGHT .  $products_weight . TEXT_PRODUCT_WEIGHT_UNIT . '</li>'  : '') . "\n"; ?>
  <?php echo (($flag_show_product_info_quantity == 1) ? '<li>' . $products_quantity . TEXT_PRODUCT_QUANTITY . '</li>'  : '') . "\n"; ?>
  <?php echo (($flag_show_product_info_manufacturer == 1 and !empty($manufacturers_name)) ? '<li>' . TEXT_PRODUCT_MANUFACTURER . $manufacturers_name . '</li>' : '') . "\n"; ?>
</ul>

<br class="clearBoth" />

<?php
  }
?>
<!--eof Product details list -->

And add the following lines:

<!--bof Product details list  -->
<?php if ( (($flag_show_product_info_model == 1 and $products_model != '') or ($flag_show_product_info_weight == 1 and $products_weight !=0) or ($flag_show_product_info_quantity == 1) or ($flag_show_product_info_manufacturer == 1 and !empty($manufacturers_name))) ) { ?>
<ul id="productDetailsList" class="floatingBox back">
  <?php echo (($flag_show_product_info_model == 1 and $products_model !='') ? '<li>' . TEXT_PRODUCT_MODEL . $products_model . '</li>' : '') . "\n"; ?>
  <?php echo (($flag_show_product_info_weight == 1 and $products_weight !=0) ? '<li>' . TEXT_PRODUCT_WEIGHT .  $products_weight . TEXT_PRODUCT_WEIGHT_UNIT . '</li>'  : '') . "\n"; ?>
  <?php echo (($flag_show_product_info_quantity == 1) ? '<li>' . $products_quantity . TEXT_PRODUCT_QUANTITY . '</li>'  : '') . "\n"; ?>
  <?php echo (($flag_show_product_info_manufacturer == 1 and !empty($manufacturers_name)) ? '<li>' . TEXT_PRODUCT_MANUFACTURER . $manufacturers_name . '</li>' : '') . "\n"; ?>
</ul>
<?php if ($products_quantity>0){
echo '<div id="inStockImage">in stock</div>';
};?>
<br class="clearBoth" />

<?php
  }
?>
<!--eof Product details list -->

That will add a phrase 'in stock' on the page if the item in in stock. In the code you can replace the 'in stock' with whatever you want - including an image - in normal html.

If you need more help with that let us know.

This will place the image after the product details list. You can position it with css a bit from here. If you want it somewhere else entirely then you're going to need to move the lines we added somewhere else in the code.

As always a URL would be fantastically useful!

[autoace]

Hi niccol:

Thanks for the response. I did as you instructed and it shows up perfect, just how I want it!

One more question, though...
How would I code for an image via html?

Thanks

[niccol]

Well, the minimal way of inserting an image into an html document is:

<img src="image_path"/>

where image_path represents exactly where the image is on the server and what its name is.

Good explanation at:

http://www.w3schools.com/htmL/html_images.asp

[autoace]

Hello:

I ended up just using my stylesheet to style and format the actual words. Enough w/ loading pics!

Thanks for your help.