Magento – How to add a button on the Product page / How to add size-chart in magento /

magento-1.7magento-1.8magento-1.9magento-enterprise

Website URL- niraame.com

This is our website URL. We want to add size-chart option in our cloth section.
I have little knowledge of JavaScript and HTML so i have created a button which does exactly what i wanted to do.

JavaScript and HTML code which i stored as a Static block in Magento-

<p>
<script type="text/javascript">// <![CDATA[
 function popup(){
  sizeWindow = window.open("http://localhost/magento/media/wysiwyg/s.jpg", "sizeWindow", "location=no,width=520,height=520"); 
}
// ]]></script>
</p>
 <p><strong><a href="javascript:popup()">Size Chart</a></strong></p>

This code displays a button on the screen and after clicking it we gets the sizechart loaded on a popup window.

I am not able to figure out how to put this button on the Product page.
I tried finding an answer on the Community page.

Can anyone please tell me how to add a button on Product page.

Best Answer

The template that renders the html for the product page is app/design/frontend/{package}/{theme}/catalog/product/view.phtml.
Put your code in there.
But please don't use hard coded links like http://localhost/magento/media/wysiwyg/s.jpg.
Use

window.open("<?php echo Mage::getBaseUrl('media')?>/s.jpg", "sizeWindow", "location=no,width=520,height=520");

Related Solutions

Magento 1.8 Product Listing – How to Modify ‘Add to Cart’ Button

Your definition of dirty is a bit much, since each block registers an event that allows you to modify it's HTML after it's processed it itself. And then there's JavaScript as well.

In fact, I'd say the clean way is to use this core_block_abstract_to_html_after event, because rewriting the template to include another template for this button, causes much more overhead. Instead in core_block_abstract_to_html_after you can do a single preg_replace pass, or a maybe somewhat cleaner DOM replacement.

Magento – Replace “Add to Cart” button with an “Buy Now” button linking to the “Checkout” page

<?php $_product = $this->getProduct(); ?>
<?php $buttonTitle = $this->__('Buy Now'); ?>
<?php if($_product->isSaleable()): ?>
    <div class="add-to-cart">
        <?php if(!$_product->isGrouped()): ?>
        <label for="qty"><?php echo $this->__('Qty:') ?></label>
        <input type="text" name="qty" id="qty" maxlength="12" value="<?php echo $this->getProductDefaultQty() * 1 ?>" title="<?php echo $this->__('Qty') ?>" class="input-text qty" />
        <?php endif; ?>
        <button type="button" title="<?php echo $buttonTitle ?>" class="button btn-cart" onclick="productAddToCartForm.submit(this)"><span><span><?php echo $buttonTitle ?></span></span></button>
        <?php echo $this->getChildHtml('', true, true) ?>
    </div>
<?php endif; ?>

enter image description here

Best Answer

Related Solutions

Magento 1.8 Product Listing – How to Modify ‘Add to Cart’ Button

Magento – Replace “Add to Cart” button with an “Buy Now” button linking to the “Checkout” page

Related Topic