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

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 name=num loop=$category}> <{$category[num].name}><{/section}>と記載することで、すべての大カテゴリの名前を繰り返し記載することができます。sectionの中の部分が大カテゴリの数だけ繰り返され、<{$category[num].link_url}>を追加することでカテゴリページのURLの取得もできますので、たとえば、上記ソースの<{$category[num].name}>を<{$category[num].name}>のように修正することで、先程の大カテゴリの名前に、該当カテゴリへのリンクを張ることができます。このSmartyを利用して、■１．で作成したデザインの中にカテゴリページへのリンクを落とし込んでいただく形になります。まずは、上記手順に従って修正を試みていただき、不明な点、詰まる点がございましたらご返信いただきますようお願いします。

Answer

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

Answer

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

Answer

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

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

カテゴリーから探す