Add CSS Class to CMS Block in Magento

blocks

Add CSS class to {{block type="cms/block" block_id="my_block1"}}

This now outputs as html here, but I see widget block add a DIV tag around it with a CSS ID.

Question: How can we add a tag around block type="cms/block" and echo some css class like the BlockId()

<div class="cms-block my_block1">html here</div> where my_block1 is the block id

Best Answer

You cannot do that unless you want to overwrite template for it. Widget block and a DIV tag you are seeing are coming from default widget handler.

If all you want to add css class then how about this way? Wrapping with div?

<div class="cms-block my_block1">{{block type="cms/block" block_id="my_block1"}}</div>

Hope this helps.

UPDATE

Check template file called template/cms/widget/static_block/default.phtml. This file is responsible for that DIV.

Related Solutions

CMS Blocks – Adding Block and Creating Unique Class ID

You can copy the template cms/widget/static_block/default.phtml to your theme and replace the original content

<div class="widget widget-static-block"><?php echo $this->getText(); ?></div>

with

<div class="widget widget-static-block <?php echo $this->getBlockId();?>"><?php echo $this->getText(); ?></div>

As for your side question, the only difference is that you can specify a template when using the widget approach. So you can have some kind of markup around the block text. Just like the template used in your example.

Magento 1.9 – Calling Custom Block from CMS Page Displays Blank Page

Your block should extend from product list I believe.

<?php
// app/code/local/Compx/Brandproducts/Block/Recentproducts.php
class Compx_Brandproducts_Block_Brandproducts 
  extends Mage_Catalog_Block_Product_List{ 
  //extends Mage_Core_Block_Template {

  public function getBrandProducts() {
    // call model to fetch data
    $arr_products = array();
    $products = Mage::getModel("brandproducts/brandproducts")->getBrandProducts();

    foreach ($products as $product) {
      $arr_products[] = array(
        'id' => $product>getId(),
        'name' => $product->getName(),
        'url' => $product->getProductUrl(),
      );
    }

    return $arr_products;
  }
}
?>

And your model file

<?php
// app/code/local/Compx/Brandproducts/Model/Brandproducts.php
class Compx_Brandproducts_Model_Brandproducts 
extends Mage_Catalog_Model_Abstract{
//extends Mage_Core_Model_Abstract {
  public function getBrandProducts() {
  $products = Mage::getModel("catalog/product")->getCollection();
                $products->addAttributeToSelect('*')
                //->setOrder('entity_id', 'DESC')
                ->setPageSize(5);
    return $products;

  }
}

?>

Best Answer

Related Solutions

CMS Blocks – Adding Block and Creating Unique Class ID

Magento 1.9 – Calling Custom Block from CMS Page Displays Blank Page

Related Topic