It would also be nice to hide the Additional Images tab on a product if there aren't any (which in most cases would be always).
Free v1.4.9 Extensions: Default Specials | Improved Search | Customer Activity Report | Customer Groups | Royal Mail With Handling | Improved Product Page | Random Products | Stock Report | All Products
The code for displaying the tabs is in the product.tpl file
Yes; I know how to hack the code but having the tab only appear if image count(*)>1 is much better; it soon gets to be a pain when lots of small code hacks have to be re-applied after every update.
Free v1.4.9 Extensions: Default Specials | Improved Search | Customer Activity Report | Customer Groups | Royal Mail With Handling | Improved Product Page | Random Products | Stock Report | All Products
Hello,
I want also hide additional images tab on a product page if there aren't any extra images and also the related product if there aren't extra products selected.
Can you tell me how i can fix this?
How do i change the code:
<div class="tabs">
<a tab="#tab_description"><?php echo $tab_description; ?></a>
<a tab="#tab_image"><?php echo $tab_image; ?> (<?php echo count($images); ?>)</a>
<?php if ($review_status) { ?><a tab="#tab_review"><?php echo $tab_review; ?></a><?php } ?>
<a tab="#tab_related"><?php echo $tab_related; ?> (<?php echo count($products); ?>)</a>
</div>
Thanks Jan Roel
I want also hide additional images tab on a product page if there aren't any extra images and also the related product if there aren't extra products selected.
Can you tell me how i can fix this?
How do i change the code:
<div class="tabs">
<a tab="#tab_description"><?php echo $tab_description; ?></a>
<a tab="#tab_image"><?php echo $tab_image; ?> (<?php echo count($images); ?>)</a>
<?php if ($review_status) { ?><a tab="#tab_review"><?php echo $tab_review; ?></a><?php } ?>
<a tab="#tab_related"><?php echo $tab_related; ?> (<?php echo count($products); ?>)</a>
</div>
Thanks Jan Roel
It was very amusing to see that I started this thread. I had no idea at the time but, a few months later, it now seems very trivial.
It is simply a case of changing:
to:
The reason for my own comments was that I had no idea then about template fallback and was hacking around with the default template.
catalog/view/theme/default/template/product.tpl should remain unchanged. The amendment should be kept seperate at catalog/view/theme/your_theme/template/product.tpl
It is simply a case of changing:
Code: Select all
<a tab="#tab_image"><?php echo $tab_image; ?> (<?php echo count($images); ?>)</a>Code: Select all
<?php if ($images) { ?>
<a tab="#tab_image"><?php echo $tab_image; ?> (<?php echo count($images); ?>)</a>
<?php } ?> catalog/view/theme/default/template/product.tpl should remain unchanged. The amendment should be kept seperate at catalog/view/theme/your_theme/template/product.tpl
Free v1.4.9 Extensions: Default Specials | Improved Search | Customer Activity Report | Customer Groups | Royal Mail With Handling | Improved Product Page | Random Products | Stock Report | All Products
hey I know this is a dead thread but I need some help.
I did the code:
and it does hide when theres no additional images but now it shows
under every tab.
Please Help.
Thank you in advance.
stenzin
I did the code:
Code: Select all
<?php if ($images) { ?>
<a tab="#tab_image"><?php echo $tab_image; ?> (<?php echo count($images); ?>)</a>
<?php } ?> There are no additional images for this product.
under every tab.
Please Help.
Thank you in advance.
stenzin
Put the code on my site and it works fine. Do you have a link so we can look at the code?
*EDIT* I now see the error that you are describing.
Find this code around line 180 of the product.tpl
Comment out this line like so
Scott
*EDIT* I now see the error that you are describing.
Find this code around line 180 of the product.tpl
Code: Select all
<?php foreach ($images as $image) { ?>
<div style="display: inline-block; float: left; text-align: center; margin-left: 5px; margin-right: 5px; margin-bottom: 10px;"><a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="thickbox" rel="gallery"><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" style="border: 1px solid #DDDDDD; margin-bottom: 3px;" /></a><br />
<span style="font-size: 11px;"><?php echo $text_enlarge; ?></span></div>
<?php } ?>
</div>
<?php } else { ?>
<div style="background: #F7F7F7; border: 1px solid #DDDDDD; padding: 10px; margin-bottom: 10px;"><?php echo $text_no_images; ?></div>
<?php } ?>Code: Select all
<!--<div style="background: #F7F7F7; border: 1px solid #DDDDDD; padding: 10px; margin-bottom: 10px;"><?php echo $text_no_images; ?></div>-->
Last edited by scott23 on Wed Feb 09, 2011 10:18 pm, edited 1 time in total.
hey thanks for the reply,scott23 wrote:Put the code on my site and it works fine. Do you have a link so we can look at the code?
scott
my clients website is http://tibetgiftchicago.com
/catalog/view/theme/default/template/product/product.tpl
Code: Select all
<?php echo $header; ?><?php echo $column_left; ?><?php echo $column_right; ?>
<div id="content">
<div class="top">
<div class="left"></div>
<div class="right"></div>
<div class="center">
<h1><?php echo $heading_title; ?></h1>
</div>
</div>
<div class="middle">
<div style="width: 100%; margin-bottom: 30px;">
<table style="width: 100%; border-collapse: collapse;">
<tr>
<td style="text-align: center; width: 250px; vertical-align: top;"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="thickbox" rel="gallery"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image" style="margin-bottom: 3px;" /></a><br />
<span style="font-size: 11px;"><?php echo $text_enlarge; ?></span></td>
<td style="padding-left: 15px; width: 296px; vertical-align: top;"><table width="100%">
<?php if ($display_price) { ?>
<tr>
<td><b><?php echo $text_price; ?></b></td>
<td><?php if (!$special) { ?>
<?php echo $price; ?>
<?php } else { ?>
<span style="text-decoration: line-through;"><?php echo $price; ?></span> <span style="color: #F00;"><?php echo $special; ?></span>
<?php } ?></td>
</tr>
<?php } ?>
<tr>
<td><b><?php echo $text_availability; ?></b></td>
<td><?php echo $stock; ?></td>
</tr>
<tr>
<td><b><?php echo $text_model; ?></b></td>
<td><?php echo $model; ?></td>
</tr>
<?php if ($manufacturer) { ?>
<tr>
<td><b><?php echo $text_manufacturer; ?></b></td>
<td><a href="<?php echo str_replace('&', '&', $manufacturers); ?>"><?php echo $manufacturer; ?></a></td>
</tr>
<?php } ?>
<?php if ($review_status) { ?>
<tr>
<td><b><?php echo $text_average; ?></b></td>
<td><?php if ($average) { ?>
<img src="catalog/view/theme/default/image/stars_<?php echo $average . '.png'; ?>" alt="<?php echo $text_stars; ?>" style="margin-top: 2px;" />
<?php } else { ?>
<?php echo $text_no_rating; ?>
<?php } ?></td>
</tr>
<?php } ?>
</table>
<br />
<?php if ($display_price) { ?>
<form action="<?php echo str_replace('&', '&', $action); ?>" method="post" enctype="multipart/form-data" id="product">
<?php if ($options) { ?>
<b><?php echo $text_options; ?></b><br />
<div style="background: #FFFFCC; border: 1px solid #FFCC33; padding: 10px; margin-top: 2px; margin-bottom: 15px;">
<table style="width: 100%;">
<?php foreach ($options as $option) { ?>
<tr>
<td><?php echo $option['name']; ?>:<br />
<select name="option[<?php echo $option['option_id']; ?>]">
<?php foreach ($option['option_value'] as $option_value) { ?>
<option value="<?php echo $option_value['option_value_id']; ?>"><?php echo $option_value['name']; ?>
<?php if ($option_value['price']) { ?>
<?php echo $option_value['prefix']; ?><?php echo $option_value['price']; ?>
<?php } ?>
</option>
<?php } ?>
</select></td>
</tr>
<?php } ?>
</table>
</div>
<?php } ?>
<?php if ($display_price) { ?>
<?php if ($discounts) { ?>
<b><?php echo $text_discount; ?></b><br />
<div style="background: #F7F7F7; border: 1px solid #DDDDDD; padding: 10px; margin-top: 2px; margin-bottom: 15px;">
<table style="width: 100%;">
<tr>
<td style="text-align: right;"><b><?php echo $text_order_quantity; ?></b></td>
<td style="text-align: right;"><b><?php echo $text_price_per_item; ?></b></td>
</tr>
<?php foreach ($discounts as $discount) { ?>
<tr>
<td style="text-align: right;"><?php echo $discount['quantity']; ?></td>
<td style="text-align: right;"><?php echo $discount['price']; ?></td>
</tr>
<?php } ?>
</table>
</div>
<?php } ?>
<?php } ?>
<div class="content">
<?php echo $text_qty; ?>
<input type="text" name="quantity" size="3" value="<?php echo $minimum; ?>" />
<a onclick="$('#product').submit();" id="add_to_cart" class="button"><span><?php echo $button_add_to_cart; ?></span></a>
<?php if ($minimum > 1) { ?><br/><small><?php echo $text_minimum; ?></small><?php } ?>
</div>
<div>
<input type="hidden" name="product_id" value="<?php echo $product_id; ?>" />
<input type="hidden" name="redirect" value="<?php echo str_replace('&', '&', $redirect); ?>" />
</div>
</form>
<?php } ?></td>
</tr>
</table>
</div>
<div class="tabs">
<a tab="#tab_description"><?php echo $tab_description; ?></a>
<?php if ($images) { ?><a tab="#tab_image"><?php echo $tab_image; ?> (<?php echo count($images); ?>)</a><?php } ?>
<?php if ($review_status) { ?><a tab="#tab_review"><?php echo $tab_review; ?></a><?php } ?>
<?php if ($products) { ?><a tab="#tab_related"><?php echo $tab_related; ?> (<?php echo count($products); ?>)</a><?php } ?>
</div>
<div id="tab_description" class="tab_page"><?php echo $description; ?></div>
<?php if ($review_status) { ?>
<div id="tab_review" class="tab_page">
<div id="review"></div>
<div class="heading" id="review_title"><?php echo $text_write; ?></div>
<div class="content"><b><?php echo $entry_name; ?></b><br />
<input type="text" name="name" value="" />
<br />
<br />
<b><?php echo $entry_review; ?></b>
<textarea name="text" style="width: 98%;" rows="8"></textarea>
<span style="font-size: 11px;"><?php echo $text_note; ?></span><br />
<br />
<b><?php echo $entry_rating; ?></b> <span><?php echo $entry_bad; ?></span>
<input type="radio" name="rating" value="1" style="margin: 0;" />
<input type="radio" name="rating" value="2" style="margin: 0;" />
<input type="radio" name="rating" value="3" style="margin: 0;" />
<input type="radio" name="rating" value="4" style="margin: 0;" />
<input type="radio" name="rating" value="5" style="margin: 0;" />
<span><?php echo $entry_good; ?></span><br />
<br />
<b><?php echo $entry_captcha; ?></b><br />
<input type="text" name="captcha" value="" autocomplete="off" />
<br />
<img src="index.php?route=product/product/captcha" id="captcha" /></div>
<div class="buttons">
<table>
<tr>
<td align="right"><a onclick="review();" class="button"><span><?php echo $button_continue; ?></span></a></td>
</tr>
</table>
</div>
</div>
<?php } ?>
<div id="tab_image" class="tab_page">
<?php if ($images) { ?>
<div style="display: inline-block;">
<?php foreach ($images as $image) { ?>
<div style="display: inline-block; float: left; text-align: center; margin-left: 5px; margin-right: 5px; margin-bottom: 10px;"><a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="thickbox" rel="gallery"><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" style="border: 1px solid #DDDDDD; margin-bottom: 3px;" /></a><br />
<span style="font-size: 11px;"><?php echo $text_enlarge; ?></span></div>
<?php } ?>
</div>
<?php } else { ?>
<div style="background: #F7F7F7; border: 1px solid #DDDDDD; padding: 10px; margin-bottom: 10px;"><?php echo $text_no_images; ?></div>
<?php } ?>
</div>
<div id="tab_related" class="tab_page">
<?php if ($products) { ?>
<table class="list">
<?php for ($i = 0; $i < sizeof($products); $i = $i + 4) { ?>
<tr>
<?php for ($j = $i; $j < ($i + 4); $j++) { ?>
<td width="25%"><?php if (isset($products[$j])) { ?>
<a href="<?php echo str_replace('&', '&', $products[$j]['href']); ?>"><img src="<?php echo $products[$j]['thumb']; ?>" title="<?php echo $products[$j]['name']; ?>" alt="<?php echo $products[$j]['name']; ?>" /></a><br />
<a href="<?php echo str_replace('&', '&', $products[$j]['href']); ?>"><?php echo $products[$j]['name']; ?></a><br />
<span style="color: #999; font-size: 11px;"><?php echo $products[$j]['model']; ?></span><br />
<?php if ($display_price) { ?>
<?php if (!$products[$j]['special']) { ?>
<span style="color: #900; font-weight: bold;"><?php echo $products[$j]['price']; ?></span>
<?php } else { ?>
<span style="color: #900; font-weight: bold; text-decoration: line-through;"><?php echo $products[$j]['price']; ?></span> <span style="color: #F00;"><?php echo $products[$j]['special']; ?></span>
<?php } ?>
<a class="button_add_small" href="<?php echo $products[$j]['add']; ?>" title="<?php echo $button_add_to_cart; ?>" > </a>
<?php } ?>
<br />
<?php if ($products[$j]['rating']) { ?>
<img src="catalog/view/theme/default/image/stars_<?php echo $products[$j]['rating'] . '.png'; ?>" alt="<?php echo $products[$j]['stars']; ?>" />
<?php } ?>
<?php } ?></td>
<?php } ?>
</tr>
<?php } ?>
</table>
<?php } else { ?>
<div style="background: #F7F7F7; border: 1px solid #DDDDDD; padding: 10px; margin-bottom: 10px;"><?php echo $text_no_related; ?></div>
<?php } ?>
</div>
</div>
<div class="bottom">
<div class="left"></div>
<div class="right"></div>
<div class="center"></div>
</div>
<?php if ($tags) { ?>
<div class="tags"><?php echo $text_tags; ?>
<?php foreach ($tags as $tag) { ?>
<a href="<?php echo $tag['href']; ?>"><?php echo $tag['tag']; ?></a>,
<?php } ?>
</div>
<?php } ?>
</div>
<script type="text/javascript"><!--
$('#review .pagination a').live('click', function() {
$('#review').slideUp('slow');
$('#review').load(this.href);
$('#review').slideDown('slow');
return false;
});
$('#review').load('index.php?route=product/product/review&product_id=<?php echo $product_id; ?>');
function review() {
$.ajax({
type: 'POST',
url: 'index.php?route=product/product/write&product_id=<?php echo $product_id; ?>',
dataType: 'json',
data: 'name=' + encodeURIComponent($('input[name=\'name\']').val()) + '&text=' + encodeURIComponent($('textarea[name=\'text\']').val()) + '&rating=' + encodeURIComponent($('input[name=\'rating\']:checked').val() ? $('input[name=\'rating\']:checked').val() : '') + '&captcha=' + encodeURIComponent($('input[name=\'captcha\']').val()),
beforeSend: function() {
$('.success, .warning').remove();
$('#review_button').attr('disabled', 'disabled');
$('#review_title').after('<div class="wait"><img src="catalog/view/theme/default/image/loading_1.gif" alt="" /> <?php echo $text_wait; ?></div>');
},
complete: function() {
$('#review_button').attr('disabled', '');
$('.wait').remove();
},
success: function(data) {
if (data.error) {
$('#review_title').after('<div class="warning">' + data.error + '</div>');
}
if (data.success) {
$('#review_title').after('<div class="success">' + data.success + '</div>');
$('input[name=\'name\']').val('');
$('textarea[name=\'text\']').val('');
$('input[name=\'rating\']:checked').attr('checked', '');
$('input[name=\'captcha\']').val('');
}
}
});
}
//--></script>
<script type="text/javascript"><!--
$.tabs('.tabs a');
//--></script>
<?php echo $footer; ?> Hey scott your your code worked! thank you, I knew that code was echoing back the no image text and i tried delete it before and I get errors, I forgot about the <!-- comment out code.scott23 wrote:Put the code on my site and it works fine. Do you have a link so we can look at the code?
*EDIT* I now see the error that you are describing.
Find this code around line 180 of the product.tplComment out this line like soCode: Select all
ScottCode: Select all
Thanks again
hey scott while your idea worked, i found that it still leaves a small table on the bottom so this fixed it even more,
This stopped the page from displaying both the no image text and the blank table underneath
Code: Select all
<!--<?php foreach ($images as $image) { ?>
<div style="display: inline-block; float: left; text-align: center; margin-left: 5px; margin-right: 5px; margin-bottom: 10px;"><a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="thickbox" rel="gallery"><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" style="border: 1px solid #DDDDDD; margin-bottom: 3px;" /></a><br />
<span style="font-size: 11px;"><?php echo $text_enlarge; ?></span></div>
<?php } ?>
</div>
<?php } else { ?>
<div style="background: #F7F7F7; border: 1px solid #DDDDDD; padding: 10px; margin-bottom: 10px;"><?php echo $text_no_images; ?></div>
<?php } ?>-->
I found that removing all of that code will cause an issue when trying to actual show an additional image.
Try replacing this entire code
with this
It seems to work properly with both no images and images. Let me know your results.
Scott
Try replacing this entire code
Code: Select all
<div id="tab_image" class="tab_page">
<?php if ($images) { ?>
<div style="display: inline-block;">
<?php foreach ($images as $image) { ?>
<div style="display: inline-block; float: left; text-align: center; margin-left: 5px; margin-right: 5px; margin-bottom: 10px;"><a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="thickbox" rel="gallery"><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" style="border: 1px solid #DDDDDD; margin-bottom: 3px;" /></a><br />
<span style="font-size: 11px;"><?php echo $text_enlarge; ?></span></div>
<?php } ?>
</div>
<?php } else { ?>
<div style="background: #F7F7F7; border: 1px solid #DDDDDD; padding: 10px; margin-bottom: 10px;"><?php echo $text_no_images; ?></div>
<?php } ?>
</div>Code: Select all
<?php if ($images) { ?>
<div id="tab_image" class="tab_page">
<div style="display: inline-block;">
<?php foreach ($images as $image) { ?>
<div style="display: inline-block; float: left; text-align: center; margin-left: 5px; margin-right: 5px; margin-bottom: 10px;"><a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="thickbox" rel="gallery"><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" style="border: 1px solid #DDDDDD; margin-bottom: 3px;" /></a><br />
<span style="font-size: 11px;"><?php echo $text_enlarge; ?></span></div>
<?php } ?>
</div></div>
<?php } ?>Scott
Hey Scott,
Thank you again for the quick response, yes that is much better. Can you help me do the samething for related products tab? I went back trying to do the samething you did with the additional images to the related products, but i cant get it right.
here is the code for related products:
Thank you again for the quick response, yes that is much better. Can you help me do the samething for related products tab? I went back trying to do the samething you did with the additional images to the related products, but i cant get it right.
here is the code for related products:
Code: Select all
<div id="tab_related" class="tab_page">
<?php if ($products) { ?>
<table class="list">
<?php for ($i = 0; $i < sizeof($products); $i = $i + 4) { ?>
<tr>
<?php for ($j = $i; $j < ($i + 4); $j++) { ?>
<td width="25%"><?php if (isset($products[$j])) { ?>
<a href="<?php echo str_replace('&', '&', $products[$j]['href']); ?>"><img src="<?php echo $products[$j]['thumb']; ?>" title="<?php echo $products[$j]['name']; ?>" alt="<?php echo $products[$j]['name']; ?>" /></a><br />
<a href="<?php echo str_replace('&', '&', $products[$j]['href']); ?>"><?php echo $products[$j]['name']; ?></a><br />
<span style="color: #999; font-size: 11px;"><?php echo $products[$j]['model']; ?></span><br />
<?php if ($display_price) { ?>
<?php if (!$products[$j]['special']) { ?>
<span style="color: #900; font-weight: bold;"><?php echo $products[$j]['price']; ?></span>
<?php } else { ?>
<span style="color: #900; font-weight: bold; text-decoration: line-through;"><?php echo $products[$j]['price']; ?></span> <span style="color: #F00;"><?php echo $products[$j]['special']; ?></span>
<?php } ?>
<a class="button_add_small" href="<?php echo $products[$j]['add']; ?>" title="<?php echo $button_add_to_cart; ?>" > </a>
<?php } ?>
<br />
<?php if ($products[$j]['rating']) { ?>
<img src="catalog/view/theme/default/image/stars_<?php echo $products[$j]['rating'] . '.png'; ?>" alt="<?php echo $products[$j]['stars']; ?>" />
<?php } ?>
<?php } ?></td>
<?php } ?>
</tr>
<?php } ?>
</table>
<?php } else { ?>
<div style="background: #F7F7F7; border: 1px solid #DDDDDD; padding: 10px; margin-bottom: 10px;"><?php echo $text_no_related; ?></div>
<?php } ?>
</div>
</div>Stenzin,
Glad that worked out for you. I actually made the change to related products immediately after I finished with the additional images so here is the code to replace with
Scott
Glad that worked out for you. I actually made the change to related products immediately after I finished with the additional images so here is the code to replace with
Code: Select all
<?php if ($products) { ?>
<div id="tab_related" class="tab_page">
<table class="list">
<?php for ($i = 0; $i < sizeof($products); $i = $i + 4) { ?>
<tr>
<?php for ($j = $i; $j < ($i + 4); $j++) { ?>
<td width="25%"><?php if (isset($products[$j])) { ?>
<a href="<?php echo str_replace('&', '&', $products[$j]['href']); ?>"><img src="<?php echo $products[$j]['thumb']; ?>" title="<?php echo $products[$j]['name']; ?>" alt="<?php echo $products[$j]['name']; ?>" /></a><br />
<a href="<?php echo str_replace('&', '&', $products[$j]['href']); ?>"><?php echo $products[$j]['name']; ?></a><br />
<span style="color: #999; font-size: 11px;"><?php echo $products[$j]['model']; ?></span><br />
<?php if ($display_price) { ?>
<?php if (!$products[$j]['special']) { ?>
<span style="color: #900; font-weight: bold;"><?php echo $products[$j]['price']; ?></span>
<?php } else { ?>
<span style="color: #900; font-weight: bold; text-decoration: line-through;"><?php echo $products[$j]['price']; ?></span> <span style="color: #F00;"><?php echo $products[$j]['special']; ?></span>
<?php } ?>
<br />
<a class="button" href="<?php echo $products[$j]['href']; ?>"><span><?php echo $button_more_info; ?></span></a>
<?php } ?>
<br />
<?php if ($products[$j]['rating']) { ?>
<img src="catalog/view/theme/default/image/stars_<?php echo $products[$j]['rating'] . '.png'; ?>" alt="<?php echo $products[$j]['stars']; ?>" />
<?php } ?>
<?php } ?></td>
<?php } ?>
</tr>
<?php } ?>
</table>
</div><?php } ?>Scott,
Thank you once again! I got this problem solved exactly how i wanted thanks to you.
I did have to make a minor change with this:
to
was stuck on that for a few minutes but i eventually figured it out.
Thank you once again Scott,
stenzin
Thank you once again! I got this problem solved exactly how i wanted thanks to you.
I did have to make a minor change with this:
Code: Select all
<a class="button" href="<?php echo $products[$j]['href']; ?>"><span><?php echo $button_more_info; ?></span></a>Code: Select all
<a class="button_add_small" href="<?php echo $products[$j]['add']; ?>" title="<?php echo $button_add_to_cart; ?>" ></a>Thank you once again Scott,
stenzin
Hi guys, sorry to bother you.
I'm having trouble with hiding the "Related Products" tab when there are no related products.
I tried scott's code and it still shows the "Related Products (0)" tab but doesn't show "There are no related products for this product" under this tab anymore.
The fix for hiding the "Additional Images" tab worked (ie, no tab showing when no additional images),
I would like the tab for the "Related Products" to be hidden in the same manner.
...please let me know if it's behaving this way for you guys as well.
Below is the code I'm using.
I'm having trouble with hiding the "Related Products" tab when there are no related products.
I tried scott's code and it still shows the "Related Products (0)" tab but doesn't show "There are no related products for this product" under this tab anymore.
The fix for hiding the "Additional Images" tab worked (ie, no tab showing when no additional images),
I would like the tab for the "Related Products" to be hidden in the same manner.
...please let me know if it's behaving this way for you guys as well.
Below is the code I'm using.
Code: Select all
<?php if ($products) { ?>
<div id="tab_related" class="tab_page">
<table class="list">
<?php for ($i = 0; $i < sizeof($products); $i = $i + 4) { ?>
<tr>
<?php for ($j = $i; $j < ($i + 4); $j++) { ?>
<td width="25%"><?php if (isset($products[$j])) { ?>
<a href="<?php echo str_replace('&', '&', $products[$j]['href']); ?>"><img src="<?php echo $products[$j]['thumb']; ?>" title="<?php echo $products[$j]['name']; ?>" alt="<?php echo $products[$j]['name']; ?>" /></a><br />
<a href="<?php echo str_replace('&', '&', $products[$j]['href']); ?>"><?php echo $products[$j]['name']; ?></a><br />
<span style="color: #999; font-size: 11px;"><?php echo $products[$j]['model']; ?></span><br />
<?php if ($display_price) { ?>
<?php if (!$products[$j]['special']) { ?>
<span style="color: #900; font-weight: bold;"><?php echo $products[$j]['price']; ?></span>
<?php } else { ?>
<span style="color: #900; font-weight: bold; text-decoration: line-through;"><?php echo $products[$j]['price']; ?></span> <span style="color: #F00;"><?php echo $products[$j]['special']; ?></span>
<?php } ?>
<a class="button_add_small" href="<?php echo $products[$j]['add']; ?>" title="<?php echo $button_add_to_cart; ?>" > </a>
<?php } ?>
<br />
<?php if ($products[$j]['rating']) { ?>
<img src="catalog/view/theme/default/image/stars_<?php echo $products[$j]['rating'] . '.png'; ?>" alt="<?php echo $products[$j]['stars']; ?>" />
<?php } ?>
<?php } ?></td>
<?php } ?>
</tr>
<?php } ?>
</table>
</div>
<?php } ?>Try replacing the entire product.tpl file with this and see if it works.
Scott
Code: Select all
<?php echo $header; ?><?php echo $column_left; ?><?php echo $column_right; ?>
<div id="content">
<div class="top">
<div class="left"></div>
<div class="right"></div>
<div class="center">
<h1><?php echo $heading_title; ?></h1>
</div>
</div>
<div class="middle">
<div style="width: 100%; margin-bottom: 30px;">
<table style="width: 100%; border-collapse: collapse;">
<tr>
<td style="text-align: center; width: 250px; vertical-align: top;"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="thickbox" rel="gallery"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image" style="margin-bottom: 3px;" /></a><br />
<span style="font-size: 11px;"><?php echo $text_enlarge; ?></span></td>
<td style="padding-left: 15px; width: 296px; vertical-align: top;"><table width="100%">
<?php if ($display_price) { ?>
<tr>
<td><b><?php echo $text_price; ?></b></td>
<td><?php if (!$special) { ?>
<?php echo $price; ?>
<?php } else { ?>
<span style="text-decoration: line-through;"><?php echo $price; ?></span> <span style="color: #F00;"><?php echo $special; ?></span>
<?php } ?></td>
</tr>
<?php } ?>
<tr>
<td><b><?php echo $text_availability; ?></b></td>
<td><?php echo $stock; ?></td>
</tr>
<tr>
<td><b><?php echo $text_model; ?></b></td>
<td><?php echo $model; ?></td>
</tr>
<?php if ($manufacturer) { ?>
<tr>
<td><b><?php echo $text_manufacturer; ?></b></td>
<td><a href="<?php echo str_replace('&', '&', $manufacturers); ?>"><?php echo $manufacturer; ?></a></td>
</tr>
<?php } ?>
<?php if ($review_status) { ?>
<tr>
<td><b><?php echo $text_average; ?></b></td>
<td><?php if ($average) { ?>
<img src="catalog/view/theme/default/image/stars_<?php echo $average . '.png'; ?>" alt="<?php echo $text_stars; ?>" style="margin-top: 2px;" />
<?php } else { ?>
<?php echo $text_no_rating; ?>
<?php } ?></td>
</tr>
<?php } ?>
<tr><td><b>Share:</b></td>
<td><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="button_count" show_faces="false" width="50" font="verdana"></fb:like></td>
</tr>
<tr><td></td>
<td><a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div></td>
</tr>
</table>
<br />
<?php if ($display_price) { ?>
<form action="<?php echo str_replace('&', '&', $action); ?>" method="post" enctype="multipart/form-data" id="product">
<?php if ($options) { ?>
<b><?php echo $text_options; ?></b><br />
<div style="background: #FFFFCC; border: 1px solid #FFCC33; padding: 10px; margin-top: 2px; margin-bottom: 15px;">
<table style="width: 100%;">
<?php foreach ($options as $option) { ?>
<tr>
<td><?php echo $option['name']; ?>:<br />
<select name="option[<?php echo $option['option_id']; ?>]">
<?php foreach ($option['option_value'] as $option_value) { ?>
<option value="<?php echo $option_value['option_value_id']; ?>"><?php echo $option_value['name']; ?>
<?php if ($option_value['price']) { ?>
<?php echo $option_value['prefix']; ?><?php echo $option_value['price']; ?>
<?php } ?>
</option>
<?php } ?>
</select></td>
</tr>
<?php } ?>
</table>
</div>
<?php } ?>
<?php if ($display_price) { ?>
<?php if ($discounts) { ?>
<b><?php echo $text_discount; ?></b><br />
<div style="background: #F7F7F7; border: 1px solid #DDDDDD; padding: 10px; margin-top: 2px; margin-bottom: 15px;">
<table style="width: 100%;">
<tr>
<td style="text-align: right;"><b><?php echo $text_order_quantity; ?></b></td>
<td style="text-align: right;"><b><?php echo $text_price_per_item; ?></b></td>
</tr>
<?php foreach ($discounts as $discount) { ?>
<tr>
<td style="text-align: right;"><?php echo $discount['quantity']; ?></td>
<td style="text-align: right;"><?php echo $discount['price']; ?></td>
</tr>
<?php } ?>
</table>
</div>
<?php } ?>
<?php } ?>
<div class="content">
<?php if($stock == 'In Stock' || $stock > 0){ ?>
<?php echo $text_qty; ?>
<input type="text" name="quantity" size="3" value="<?php echo $minimum; ?>" />
<a onclick="$('#product').submit();" id="add_to_cart" class="button"><span><?php echo $button_add_to_cart; ?></span></a>
<?php if ($minimum > 1) { ?><br/><small><?php echo $text_minimum; ?></small><?php } ?>
</div>
<div>
<input type="hidden" name="product_id" value="<?php echo $product_id; ?>" />
<input type="hidden" name="redirect" value="<?php echo str_replace('&', '&', $redirect); ?>" />
</div>
</form>
<?php } else { ?>
<?php echo $text_qty; ?>
<input type="text" name="quantity" size="3" value="0" disabled="disabled"/>
<?php if ($minimum > 1) { ?><br/><small><?php echo $text_minimum; ?></small><?php } ?>
<img src="catalog/view/theme/new/image/outofstock.gif" width="85" height="24" alt="Out of Stock" id="outofstock" />
<?php }?>
<?php } ?>
</td>
</tr>
</table>
</div>
<div class="tabs">
<a tab="#tab_description"><?php echo $tab_description; ?></a>
<?php if ($images) { ?>
<a tab="#tab_image"><?php echo $tab_image; ?> (<?php echo count($images); ?>)</a>
<?php } ?>
<?php if ($review_status) { ?><a tab="#tab_review"><?php echo $tab_review; ?></a><?php } ?>
<?php if ($products) { ?>
<a tab="#tab_related"><?php echo $tab_related; ?> (<?php echo count($products); ?>)</a>
<?php } ?>
</div>
<div id="tab_description" class="tab_page"><?php echo $description; ?></div>
<?php if ($review_status) { ?>
<div id="tab_review" class="tab_page">
<div id="review"></div>
<div class="heading" id="review_title"><?php echo $text_write; ?></div>
<div class="content"><b><?php echo $entry_name; ?></b><br />
<input type="text" name="name" value="" />
<br />
<br />
<b><?php echo $entry_review; ?></b>
<textarea name="text" style="width: 98%;" rows="8"></textarea>
<span style="font-size: 11px;"><?php echo $text_note; ?></span><br />
<br />
<b><?php echo $entry_rating; ?></b> <span><?php echo $entry_bad; ?></span>
<input type="radio" name="rating" value="1" style="margin: 0;" />
<input type="radio" name="rating" value="2" style="margin: 0;" />
<input type="radio" name="rating" value="3" style="margin: 0;" />
<input type="radio" name="rating" value="4" style="margin: 0;" />
<input type="radio" name="rating" value="5" style="margin: 0;" />
<span><?php echo $entry_good; ?></span><br />
<br />
<b><?php echo $entry_captcha; ?></b><br />
<input type="text" name="captcha" value="" autocomplete="off" />
<br />
<img src="index.php?route=product/product/captcha" id="captcha" /></div>
<div class="buttons">
<table>
<tr>
<td align="right"><a onclick="review();" class="button"><span><?php echo $button_continue; ?></span></a></td>
</tr>
</table>
</div>
</div>
<?php } ?>
<?php if ($images) { ?>
<div id="tab_image" class="tab_page">
<div style="display: inline-block;">
<?php foreach ($images as $image) { ?>
<div style="display: inline-block; float: left; text-align: center; margin-left: 5px; margin-right: 5px; margin-bottom: 10px;"><a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="thickbox" rel="gallery"><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" style="border: 1px solid #DDDDDD; margin-bottom: 3px;" /></a><br />
<span style="font-size: 11px;"><?php echo $text_enlarge; ?></span></div>
<?php } ?>
</div></div><?php } ?>
<?php if ($products) { ?>
<div id="tab_related" class="tab_page">
<table class="list">
<?php for ($i = 0; $i < sizeof($products); $i = $i + 4) { ?>
<tr>
<?php for ($j = $i; $j < ($i + 4); $j++) { ?>
<td width="25%"><?php if (isset($products[$j])) { ?>
<a href="<?php echo str_replace('&', '&', $products[$j]['href']); ?>"><img src="<?php echo $products[$j]['thumb']; ?>" title="<?php echo $products[$j]['name']; ?>" alt="<?php echo $products[$j]['name']; ?>" /></a><br />
<a href="<?php echo str_replace('&', '&', $products[$j]['href']); ?>"><?php echo $products[$j]['name']; ?></a><br />
<span style="color: #999; font-size: 11px;"><?php echo $products[$j]['model']; ?></span><br />
<?php if ($display_price) { ?>
<?php if (!$products[$j]['special']) { ?>
<span style="color: #900; font-weight: bold;"><?php echo $products[$j]['price']; ?></span>
<?php } else { ?>
<span style="color: #900; font-weight: bold; text-decoration: line-through;"><?php echo $products[$j]['price']; ?></span> <span style="color: #F00;"><?php echo $products[$j]['special']; ?></span>
<?php } ?>
<br />
<a class="button_add_small" href="<?php echo $products[$j]['add']; ?>" title="<?php echo $button_add_to_cart; ?>" > </a>
<?php } ?>
<br />
<?php if ($products[$j]['rating']) { ?>
<img src="catalog/view/theme/default/image/stars_<?php echo $products[$j]['rating'] . '.png'; ?>" alt="<?php echo $products[$j]['stars']; ?>" />
<?php } ?>
<?php } ?></td>
<?php } ?>
</tr>
<?php } ?>
</table>
</div><?php } ?>
</div>
<div class="bottom">
<div class="left"></div>
<div class="right"></div>
<div class="center"></div>
</div>
<?php if ($tags) { ?>
<div class="tags"><?php echo $text_tags; ?>
<?php foreach ($tags as $tag) { ?>
<a href="<?php echo $tag['href']; ?>"><?php echo $tag['tag']; ?></a>,
<?php } ?>
</div>
<?php } ?>
</div>
<script type="text/javascript"><!--
$('#review .pagination a').live('click', function() {
$('#review').slideUp('slow');
$('#review').load(this.href);
$('#review').slideDown('slow');
return false;
});
$('#review').load('index.php?route=product/product/review&product_id=<?php echo $product_id; ?>');
function review() {
$.ajax({
type: 'POST',
url: 'index.php?route=product/product/write&product_id=<?php echo $product_id; ?>',
dataType: 'json',
data: 'name=' + encodeURIComponent($('input[name=\'name\']').val()) + '&text=' + encodeURIComponent($('textarea[name=\'text\']').val()) + '&rating=' + encodeURIComponent($('input[name=\'rating\']:checked').val() ? $('input[name=\'rating\']:checked').val() : '') + '&captcha=' + encodeURIComponent($('input[name=\'captcha\']').val()),
beforeSend: function() {
$('.success, .warning').remove();
$('#review_button').attr('disabled', 'disabled');
$('#review_title').after('<div class="wait"><img src="catalog/view/theme/default/image/loading_1.gif" alt="" /> <?php echo $text_wait; ?></div>');
},
complete: function() {
$('#review_button').attr('disabled', '');
$('.wait').remove();
},
success: function(data) {
if (data.error) {
$('#review_title').after('<div class="warning">' + data.error + '</div>');
}
if (data.success) {
$('#review_title').after('<div class="success">' + data.success + '</div>');
$('input[name=\'name\']').val('');
$('textarea[name=\'text\']').val('');
$('input[name=\'rating\']:checked').attr('checked', '');
$('input[name=\'captcha\']').val('');
}
}
});
}
//--></script>
<script type="text/javascript"><!--
$.tabs('.tabs a');
//--></script>
<?php echo $footer; ?>
Who is online
Users browsing this forum: No registered users and 18 guests
