Magentoのデザイン - 新しいホームページの列

Question

私はこのような私のMagentoの店のためのカスタム設計したい：私は特別なカテゴリ1とカテゴリ2の製品のために、それを行うに進むことができますどのように

を、I標準的なカテゴリのグリッドのように、このリストの新しいヘッダーが必要です。標準的なカテゴリのグリッドのように少し画像があります。

ありがとうございました。

Answer 1

• CMSページを作成します。
• デザインモードに切り替えます。レイアウト - 1列を選択します。

• レイアウトの編集更新XML

  <block type="cms/block" name="block1_static"> 
      <action method="setBlockId"><id>cms_block1-static</id></action> 
  </block> 
  
  
  <block type="page/html_wrapper" name="left.callout.wrapper" translate="label"> 
      <action method="setElementId"><value>hompage-left-callout</value></action> 
      <block type="core/template" name="left.callout" template="callouts/right_col.phtml"> 
       <action method="setImgSrc"><src>images/media/left_banner_1.gif</src></action> 
      </block> 
  </block> 
  
  
  <block type="page/html_wrapper" name="center.wrapper" translate="label"> 
      <action method="setElementId"><value>hompage-center</value></action> 
      <block type="catalog/product_new" name="home.catalog.product.new" alias="product_new" template="catalog/product/new.phtml" after="cms_page"><action method="addPriceBlockType"><type>bundle</type><block>bundle/catalog_product_price</block><template>bundle/catalog/product/price.phtml</template></action></block> 
      <block type="reports/product_viewed" name="home.reports.product.viewed" alias="product_viewed" template="reports/home_product_viewed.phtml" after="product_new"><action method="addPriceBlockType"><type>bundle</type><block>bundle/catalog_product_price</block><template>bundle/catalog/product/price.phtml</template></action></block> 
  </block> 
  
  
  <block type="page/html_wrapper" name="right.callout.wrapper" translate="label"> 
      <action method="setElementId"><value>hompage-right-callout</value></action> 
      <block type="core/template" name="right.callout" template="callouts/right_col.phtml"> 
       <action method="setImgSrc"><src>images/media/right_banner_1.gif</src></action> 
      </block> 
  </block> 
  

例えば二つのブロックがあります - 閲覧製品と新製品が。 Magentoの特定のカテゴリの製品を表示するデフォルトのブロックはありません。このブロックとテンプレートを作成し、このブロックをexamplesブロックの場所で使用する必要があります。

ブロックの位置は、CSSに合わせることができます。各ブロックは特定のIDを持つdivでラップされます。 ElementIdとElementClassでラッパーブロックを設定することができます。