This article will be removed shortly. Please take a look at our updated Cart2Quote theme integration manual.
----------
Before you start:
Clear and disable all the cache (also external cache and php cache if enabled).
Looking for an easy way out, consider buying our theme implementation service.
Integrating Cart2Quote to a custom theme
Step 1: Go to your Magento root
1. Connect with (s)FTP to your Magento (dev) store
2. Go to your Magento root directory
Step 2: Copy the theme files to your computer.
1. Go to: app/design/frontend/ <your interface> / <your theme> /template/catalog/product
2. Copy list.phtml and view.phtml temporarily to your computer.
Step 3: Create a Cart2Quote directory and copy your theme files in that directory.
1. Go to: app/design/frontend/ <your interface> / <your theme> /template
2. Press right mouse button and press Create Directory
3. Replace /New directory with /qquoteadv/catalog/product
4. From current folder go to: qquoteadv/catalog/product/
5. Copy the list.phtml and view.phtml
Step 4: Add the Add to Quote button to the list and grid view
1. Open list.phtml: right mouse button and press View/Edit.
2. Look up this part of code:
<?php // List Mode ?>
3. After that scroll down and search for the following code:
<?php if($_product->isSaleable()): ?>
<p>
<button type="button" title="<?php echo $this->__('Add to Cart') ?>" class="button btn-cart" onclick="setLocation('<?php echo $this->getAddToCartUrl($_product) ?>')">
<span>
<span>
<?php echo $this->__('Add to Cart') ?>
</span>
</span>
</button>
</p>
<?php else: ?>
<p class="availability out-of-stock">
<span>
<?php echo $this->__('Out of stock') ?>
</span>
</p>
<?php endif; ?>
4. Replace the previous code with the following code:
<?php echo Mage::app()->getLayout()->createBlock('qquoteadv/qquotebtn')
->setData('product', $_product)
->setTemplate('qquoteadv/catalog/product/c2qBtnList.phtml')
->toHtml(); ?>
5. Look up this part of code:
<?php // Grid Mode ?>
6. After that scroll down and search for the following code:
<?php if ($_product->isSaleable()): ?>
<button type="button" title="<?php echo $this->__('Add to Cart') ?>" class="button btn-cart<?php echo $btnClass; ?>" onclick="setLocation('<?php echo $this->getAddToCartUrl($_product) ?>')">
<span>
<span>
<?php echo $this->__('Add to Cart') ?>
</span>
</span>
</button>
<?php else: ?>
<p class="availability out-of-stock<?php echo $btnClass; ?>">
<span>
<?php echo $this->__('Out of stock') ?>
</span>
</p>
<?php endif; ?>
7. Replace the previous code with the following code:
<?php echo Mage::app()->getLayout()->createBlock('qquoteadv/qquotebtn')
->setData('product', $_product)
->setTemplate('qquoteadv/catalog/product/c2qBtnGrid.phtml')
->toHtml(); ?>
8. After that, save your document and upload/update this on your FTP.
Step 5: Add the Add to Quote button to the detail view.
1. Open view.phtml: right mouse button and press View/Edit.
2. Look up this part of code:
<?php if($_product->isSaleable()): ?>
<div class="add-to-box">
<?php echo $this->getChildHtml('addtocart') ?>
</div>
<?php endif; ?>
3. Paste direct after the ?> the following code:
<!-- Cart2Quote button -->
<?php if(!$_product->isSaleable()): ?>
<?php echo Mage::app()->getLayout()->createBlock('qquoteadv/qquotebtn')
->setData('product', $_product)
->setTemplate('qquoteadv/catalog/product/view/addtoquoteadv.phtml')
->toHtml(); ?>
<?php endif; ?>
4. After that, save your document and upload/update this on your FTP.
Step 6: Testing and configuring
You are done editing the code. Now it is time to test your quote button.
You need to check the following settings:
Go to: Magento back-end > System > Configuration > CART2QUOTE
General:
- Enable Cart2Quote set to Yes
- Licence key is added (You can buy one at: http://www.cart2quote.com/magento-quotation-module-pricing.html)
- Use Built-In Template Files
Frontend visibility
- Product Page Activation Yes
- Category Page Activation Yes
Go to: Magento back-end > Catalog > Manage Products > <Desired product for Quotation>
General:
- Enable Quotations > Add the customer group you like to show the button to
- Depending on your version: Allow Quotations Requests set to Yes
Now test your front-end to see if there is a button available.
------
Note: You may have to customize your CSS to fit the button into your design.