TomatoCart

Hi All,

Wanted to share a little change I made to the "Accessories" UI to allow customers to "Add to Cart" directly instead of going to the associated product info page.

In: templates/<template name>/content/products/info.php

Find the where your accessories are displayed. In the default template this is in a div with and ID of "tabAccessories".

Add an extra parameter to the osc_link_object call (the call already expects this, but its not passed):

Original:


Change to:


You are adding:


As the last param of the call.

You then need to edit the Shopping Cart JS file to re-order an "if" statement to show the cool image animation when an item is added to the cart. If you fail to change this the image will be the main product image of the page not the accessory image!

In: includes/javascript/ajax_shopping_cart.js

Look for the comment "//move image":

Original:


Swap the if/else:



You are done! This will display the "Add to Cart" button, and allow your customers to buy accessories quicker

HTH

i did this and nothing happens no add to cart at all.

problem solved ad this after the code in template/templatename//products/info.php



<div class="image"><?php echo osc_link_object(osc_href_link(FILENAME_PRODUCTS, $accessory),
$osC_Image->show($product->getImage(), $product->getTitle()),
' id="productImage'.osc_get_product_id($product->getID()).'" '); ?></div>
<div class="desc">
<h6><?php echo osc_link_object(osc_href_link(FILENAME_PRODUCTS, $accessory), $product->getTitle()); ?></h6>
<p><?php echo $product->getShortDescription(); ?></p>


add at the bottm on this code

<?php
echo '<b>' . osc_draw_image_submit_button('button_in_cart.gif', $osC_Language->get('button_add_to_cart'), 'style="vertical-align:middle;" class="ajaxAddToCart" id="ac_productsinfo_' . osc_get_product_id($product->getID()) . '"');
?>

worked for me. thanks all

i have added price as well as some formatting.

the code is below:


<div id="tabAccessories">
<div class="moduleBox">
<div class="content">
<?php
foreach ($accessories as $accessory) {
$product = new osC_Product($accessory);
?>
<div class="accessories">
<div align="center" class="image"><p></p><?php echo osc_link_object(osc_href_link(FILENAME_PRODUCTS, $accessory), $osC_Image->show($product->getImage(), $product->getTitle()),' id="productImage'.osc_get_product_id($product->getID()).'" '); ?> <p></p>&nbsp;<?php echo $product->getPriceFormated(true) . '&nbsp;' . ( (DISPLAY_PRICE_WITH_TAX == '1') ? $osC_Language->get('including_tax') : '' ); ?><?php echo '<b>' . osc_draw_image_submit_button('button_in_cart.gif', $osC_Language->get('button_add_to_cart'), 'style="vertical-align:middle;" class="ajaxAddToCart" id="ac_productsinfo_' . osc_get_product_id($product->getID()) . '"');
?><p></p></div>
<div class="desc">
<h4><p></p><?php echo osc_link_object(osc_href_link(FILENAME_PRODUCTS, $accessory), $product->getTitle()); ?></h4>
<font size="0"><p></p><?php echo $product->getShortDescription(); ?></font><p></p>




</div>
</div>
<div style="clear: both"></div>
<?php } ?>
</div>
</div>
</div>

replace your code with this code and presto adto cart and price in the accessories tab. with image fly out to cart.

This is a great idea.

Here*s the change to display prices and add to cart buttons as shown on image below.

In: templates/<template name>/content/products/info.php

replace this code:
-------------------------------------
<div class="accessories">
<div class="image"><?php echo osc_link_object(osc_href_link(FILENAME_PRODUCTS, $accessory), $osC_Image->show($product->getImage(), $product->getTitle())); ?></div>
<div class="desc">
<h6><?php echo osc_link_object(osc_href_link(FILENAME_PRODUCTS, $accessory), $product->getTitle()); ?></h6>
<p><?php echo $product->getShortDescription(); ?></p>
</div>
</div>
<div style="clear: both"></div>
-------------------------------------

with this code:
-------------------------------------
<div class="accessories">
<div class="image"><?php echo osc_link_object(osc_href_link(FILENAME_PRODUCTS, $accessory), $osC_Image->show($product->getImage(), $product->getTitle()), ' id="productImage'.osc_get_product_id($product->getID()).'"');?></div>
<div class="desc">
<h6><?php echo osc_link_object(osc_href_link(FILENAME_PRODUCTS, $accessory), $product->getTitle()); ?></h6>
<?php echo $product->getShortDescription(); ?>
<div class="price"><b><?php echo $osC_Language->get('price') . '</b>&nbsp;' . $product->getPriceFormated(true); ?></div>
</div>
<div class="buy"><?php echo osc_link_object(osc_href_link(FILENAME_PRODUCTS, osc_get_product_id($product->getID()) . '&action=cart_add'), osc_draw_image_button('button_in_cart.gif', $osC_Language->get('button_add_to_cart'), 'class="ajaxAddToCart" id="ac_productsnew_' . osc_get_product_id($product->getID()) . '"')); ?></div>
</div>
<div style="clear: both"></div>
-------------------------------------
In your template stylesheet.css replace:
-------------------------------------
.accessories {height: 100px}
.accessories .image {float: left; width: 100px}
.accessories .desc {float: right; width: 400px}
.accessories .desc h6 a{color: #616060}
-------------------------------------
with:
-------------------------------------
.accessories {height: 100px; padding-bottom:18px;}
.accessories .image {float: left; width: 120px}
.accessories .desc {float: left; width: 285px}
.accessories .price {float: left; width: 285px; padding-bottom:18px;}
.accessories .buy {float: right; width: 100px; padding-top:24px}
.accessories .desc h6 a{color: #616060}
-------------------------------------

It works fine. Thanks for sharing it.

i get this error using your code

Fatal error: Call to a member function getImage() on a non-object in /home/tabstore/public_html/templates/glass_gray/content/products/info.php on line 543