カテゴリーページや検索ページで商品特性（分類：ワインの色）が分かるようにする

　Welcartでは、商品をカテゴリー分けしておけば、カテゴリーページで商品が並びます。当店ではヴィンテージ別に表示させられるようにしているのですが、このカテゴリーページでワインが並ぶ時点で、このワインが白なのか赤なのかなどの商品特性（分類）が分かればいいなと思いました。

特性・分類を表示させるには

　Welcart Basicでは、カテゴリーページの商品一覧に載っている情報は、初期設定では金額と商品名です。

これでは、このワインが「赤ワイン」なのか「白ワイン」なのかが分かりません。

特性・分類をSKU表示名に登録し表示させる

　お客様に分かりやすくするために、「赤ワイン」「白ワイン」などの商品の特性というか分類をカテゴリーページの商品部分に追加しようと思います。思いついた方法は、
「SKU表示名」をこの分類として使用し、これを表示させる！

です。

　早速、設定してみます。カテゴリーテンプレート (category.php)を見てみると、カテゴリーページ中に商品がならんでいる部分は次のようになっています。

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

                            <div class="itemimg">
                                <a href="<?php the_permalink() ?>"><?php usces_the_itemImage(0, 300, 300); ?></a>
                                <?php welcart_basic_campaign_message(); ?>
                            </div>
                            <div class="itemprice"><?php usces_crform( usces_the_firstPrice('return'), true, false ); usces_guid_tax(); ?></div>
                            <?php if(! usces_have_zaiko_anyone() ) : ?>
                            <div class="itemsoldout"><?php _e('Sold Out', 'usces' ); ?></div>
                            <?php endif; ?>
                            <div class="itemname"><a href="<?php the_permalink() ?>"  rel="bookmark"><?php usces_the_itemName(); ?></a></div>

                        </article>

　このClass=itemimgの部分が画像で、その下に金額と商品名が書かれています（その上にキャンペーンメッセージがあれば入るようになっていますが）。
　ここにSKU表示名を表示させ、さらにその分類が「赤ワイン」なら赤色の文字で赤ワイン、「白ワイン」なら緑色の文字で白ワインと表示させていたと思います。

私の実際のコードを公開

　早速ですが、実際に私が使用しているカスタマイズしたコードをご覧いただきます。さきほどのitemimgとitempriceの間に「SKU表示名」を表示させます。

<div class="itemimg">
                                <a href="<?php the_permalink() ?>"><?php usces_the_itemImage(0, 300, 300); ?></a>
                                <?php welcart_basic_campaign_message(); ?>
                            </div>
<!--ワイン色-->
<?php usces_the_item(); ?>
<?php usces_have_skus(); ?>
<?php
$skus = usces_the_itemSkuDisp('return');
    if( $skus == 赤ワイン ){ 
        echo '<span style="color:red">赤ワイン</span>';
    } elseif ( $skus == デザートワイン){ 
        echo '<span style="color:orange">白ワイン（デザートワイン）</span>';
    } elseif ( $skus == 白ワイン（甘口）){ 
        echo '<span style="color:orange">白ワイン（甘口）</span>';
    } elseif ( $skus == 白ワイン){ 
        echo '<span style="color:green">白ワイン</span>';
    } elseif ( $skus ==スパークリングワイン ){ 
        echo '<span style="color:blue">スパークリングワイン</span>';
    } elseif ( $skus ==シャンパン ){ 
        echo '<span style="color:blue">シャンパン</span>';
    } elseif ( $skus == ノンアル泡){ 
        echo '<span style="color:blue">ノンアルスパークリング</span>';
    } elseif ( $skus == ノンアル白){ 
        echo '<span style="color:green">ノンアル白</span>';
    } elseif ( $skus == ノンアル赤){ 
        echo '<span style="color:red">ノンアル赤</span>';
    } elseif ( $skus == オーナー所有セラー){ 
        echo '<span style="color:red">オーナーソムリエの自宅にあるセラー</span>';
    } elseif ( $skus == ワインセラー){ 
        echo 'おすすめワインセラー';
    } else { 
        echo ' ';
    }
?>
<!--ワイン色（終了）-->
                            <div class="itemprice"><?php usces_crform( usces_the_firstPrice('return'), true, false ); usces_guid_tax(); ?></div>

　これで、実際のカテゴリーページは次のようになりました（発送目安や在庫数は別のカスタマイズより）。

　新しい分類が出来た場合は、elseif($skusの部分を増やせばＯＫです。皆さんの分類に合わせてお使い下さい。

お願い

検索でここにたどり着いた方は、自営業者さんでWelcartを導入しようと思っている方だと思います。役に立った方は、ビジネスでの贈り物に当店「生まれ年ワインショップ」もしくは、日本初のプレゼント専門ワインショップ「プレゼントワインショップ」をご利用いただけると嬉しいですm(__)m