Wednesday, 30 April 2014

Adding a Static Block to a CMS Page in Magento Ecommercer

Magento: Adding a Static Block to a CMS Page


1) Create a static block


Login to your Magento control panel and go to CMS > Static Blocks > Add New Block

Give the block a title, identifier, switch it to enabled and add some content. Once complete hit the ‘Save Block’ button

2) Reference the static block in a CMS page


This is the final step, go to CMS > Pages and either create a new page or add the block to a pre-existing one of your choosing.

Once the editor window has loaded just add this piece of code to your desired location:

{{block type="cms/block" block_id="buyshop_contacts_in_footer"}}

1) Create a static block

Login to your Magento control panel and go to CMS > Static Blocks > Add New Block
Give the block a title, identifier, switch it to enabled and add some content. Once complete hit the ‘Save Block’ button

2) Reference the static block in a CMS page

This is the final step, go to CMS > Pages and either create a new page or add the block to a pre-existing one of your choosing.
Once the editor window has loaded just add this piece of code to your desired location:
- See more at: http://www.sjlwebdesign.co.uk/sjl-blog/index.php/web-design/magento/magento-adding-a-static-block-to-a-cms-page/#sthash.WEv9fvg4.dpuf1) Create a static block

Login to your Magento control panel and go to CMS > Static Blocks > Add New Block

Give the block a title, identifier, switch it to enabled and add some content. Once complete hit the ‘Save Block’ button
2) Reference the static block in a CMS page

This is the final step, go to CMS > Pages and either create a new page or add the block to a pre-existing one of your choosing.

Once the editor window has loaded just add this piece of code to your desired location:

Saturday, 5 April 2014

Product Custom options dropdown list width problem in magento

Client Problem

Client just added a custom option to my product called color. This is a drop down field and can have a list of values. The problem is that the width of this drop down now takes over the whole screen and I cannot for the life of me find where I can decrease the width.

If you haven’t already done so you will probably want to change the product options display to “Product Info Column” (go to this option Product > Design > Display product options in > Product Info Column)

That will reduce the size and change the position of the product options. If you need to reduce it more then from what firebug shows you need to edit the width of .product-info-box in skin/adminhtml/default/default/boxes.css - this also affects all information above it so make sure you don’t make it too small or it’ll screw up the look of the page. To reduce the size of the dropdown boxes but keep the product option container the same size you need to play around with the .product-options css in boxes.css