カラーミーショップのカスタマイズに付きまして

Question

田中様
先日ご指導いただきました件は表示できるようになりました。
有難う御座いました。

今回は商品ページにサイドカテゴリーを表示させたいのですが
どのようにすれば宜しいでしょうか？

カラーミーに問い合わせてみたのですが、
テンプレートをカスタマイズすれば可能　との事ですが
HTML・CSSの具体的なカスタマイズ方法の案内はできないそうです。

こちらのショップ様も同じテンプレートを利用しているそうです。
https://sotao.shop-pro.jp/?pid=135716737

どこにどのような記載をすればよいのか
ご指導をお願いいたします。

Answer

ECマスターズの田中です。

商品ページを拝見したところ、
サイドナビはまだない状態ということですね。
その場合は、

■１．デザインを作る
■２．カラーミーで自動記入する仕組みを作る

上記２つの手順に切り分けて
検討していくとわかりやすいです。


■１．デザインを作る
まずは手動で、
カテゴリーを表示するための枠を作成してください。
２，３カテゴリ程度を記載し、
ご希望どおり表示されるかどうかご確認をお願いします。


■２．カラーミーで自動記入する仕組みを作る
カラーミーのテンプレートでは
「Smarty」という書式で、
様々な情報を自動記入することができます。
https://www.smarty.net/docsv2/ja/what.is.smarty.tpl

情報を記入するための「独自タグ」は
下記マニュアルにてご確認いただけます。
https://shop-pro.jp/manual/menu_06_02_01

たとえば、テンプレートの中に


  


と記載することで、
すべての大カテゴリの名前を繰り返し記載することができます。

sectionの中の部分が大カテゴリの数だけ繰り返され、

を追加することでカテゴリページのURLの取得もできますので、

たとえば、上記ソースの

を

のように修正することで、
先程の大カテゴリの名前に、該当カテゴリへのリンクを張ることができます。

このSmartyを利用して、■１．で作成したデザインの中に
カテゴリページへのリンクを落とし込んでいただく形になります。


まずは、上記手順に従って修正を試みていただき、
不明な点、詰まる点がございましたらご返信いただきますよう
お願いします。

Answer

田中様
ご回答ありがとうございます。

今週末にじっくりと取り組んでみますが、

１．デザインを作る
　こちらはどこで、作成して表示確認すればよろしいでしょうか？
　例えばカラーミー内の商品詳細内のHTML編集欄に
　ｈPビルダーなどで作成した枠のタグを一番下に貼り付けるのでしょうか？

まずはこちらをご指導ください。
よろしくお願いいたします。

Answer

ECマスターズの田中です。

デザインを作られる際の具体的な手順について、
イメージしていただけていないということですね。

テンプレートについて確認したところ
https://modesample.shop-pro.jp/
上記「MODE」を使われていることがわかりましたが、
単純な設定変更で商品詳細ページに
カテゴリを表示できる仕組みにはなっておらず、

例としていただいたショップでは、
テンプレートで使われている
スタイルシートやHTMLタグの構造を分析して、
手を加えることで実現されておりました。

同様の内容をハナツヅキさんのショップで実現しようとすると、
どうしても既存の部分のデザインを調整する必要がございますので、
スタイルシートやグリッドシステムについてご理解いただきながら、
ページ内の各パーツの横幅を微調整していただき、
カテゴリ表示用の幅を確保し、
設置用のタグを設置していただく必要がございます。

どうしても商品詳細ページでのカテゴリ表示を実現したい場合は、
https://packsample.shop-pro.jp/?pid=88621343
上記「PACK」など、他のテンプレートへの乗り換えも
選択肢としてご検討いただきますようお願いします。

Answer

田中様
ご回答有難う御座いました。

テンプレートの件検討させて頂きます。

色々と有難う御座いました。
まあ、不明な点が出てくると思いますので、その際はよろしくお願いいたします。