2

こんにちは、みんな...

これは一部の人には非常に初心者のように見えることを知っています...しかし、カテゴリ内の製品にSHOWCASEまたは他の名前のスタンプを追加する方法を知りたいですか?

問題は、バックエンドでセットアップできる製品のために、製品画像全体 (できれば右上隅) に画像を追加したいということです。全体の画像は、GRID ディスプレイと個々の製品ページに表示される必要があります。

だから私は基本的に2つの質問があります:-

Q. この種のものを可能にするために、バックエンドで製品に特別な属性を追加する必要がありますか? NEW FROM this date to that date!!. どんなガイダンスも大歓迎です...

そしてQs2より。list.phtml と view.phtml の両方で実際に画像全体を呼び出すにはどうすればよいですか??

これが理にかなっていることを願っています!!

ありがとう

4

1 に答える 1

4

製品に特別な属性を追加する必要はありません。'Set Product as New from Date' および 'Set Product as New to Date' に基づいて行うことができます。ただし、ブール値でも実行できます。はい/いいえの入力タイプで属性を作成し、デフォルトの属性セットに追加するだけです。ショーケースの属性コードを付与します。

テンプレート ファイル (templates/catalog/product/list.phtml および templates/catalog/product/view/media.phtml が製品ビュー ページに必要な場合) に、条件付きコードを追加します。製品がショーケース製品としてフラグ付けされた場合、マークアップに追加の絶対配置要素、

すなわち

<div class="product-image">

   <?php if($_product->getShowcase()) { ?>
       <div class="showcase"></div>
   <?php } ?>

   <?php 
       $_img = '<img id="image" src="'.$this->helper('catalog/image')->init($_product, 'image').'" alt="'.$this->htmlEscape($this->getImageLabel()).'" title="'.$this->htmlEscape($this->getImageLabel()).'" />';
       echo $_helper->productAttribute($_product, $_img, 'image');
   ?>

</div>

次に、次のような css を作成して、上隅にウィー アイコンを生成します。

.products-grid .product-image { 
    position: relative;
    display: block; 
    width: 244px; 
    height: 156px; 
    margin: 0 0 10px;
 }

.showcase {
    position: absolute;
    right: 0;
    top: 0;
    width: 65px;
    height: 66px;
    display: block;
    z-index: 2;
    background: url(../images/showcase.png) no-repeat;
}

これは私が先週自分で行った例なので、私の画像サイズを使用していますが、アイデアはわかります。お役に立てれば。

于 2012-07-28T15:04:37.023 に答える