カラーミーショップのヘッダーメニューに項目を増やす方法

カラーミーショップを作成しているとヘッダーメニューに項目を増やしたい!って思う方いると思います。
私もそうでした(笑)

私はグループを作っていないのでこんな感じのヘッダーメニューですが、このコンテンツを見るの横に「商品一覧」のボタンを表示したいのでその手順を書きたいと思います。

①カラーミーにログイン

②ショップ作成 → デザイン

③利用中のテンプレートのテンプレート編集

④ページの種類の共通の上級モードで編集の「HTML・CSS編集」

⑤HTML編集とCSS編集がでてくるので

Ctrl-Fを押すと検索窓が出てくるので「コンテンツを見る」と入力して検索。
私の画面では174行目にありました。

この記述がコンテンツを見るの箇所です。

<li class=”header_nav_global_left_contents”>
<a href=”javascript:void(0)”><i class=”icon-lg-b icon-chevron_down”></i>コンテンツを見る</a>
<div class=”header_nav_global_box header_nav_global_box_contents row”>
<p class=”header_nav_global_box_heading col col-lg-3″>CONTENTS</p>
<div class=”header_nav_global_box_detail col col-lg-9 row”>
<{section name=num loop=$freepage max=10}>
<{if $smarty.section.num.first }><ul class=”col col-lg-12 row unstyled”><{/if}>
<li>
<a href=”<{$freepage[num].link_url}>”>
<{$freepage[num].page_title}>
</a>
</li>
<{if $smarty.section.num.last }></ul><{/if}>
<{/section}>
</div>
</div>
</li>

なので

この下に追加したい項目のソースと追加します。

190行目に

<{/if}>

の記述があったのでこの下に私は以下のソースを追加しました。

<li class=”header_nav_global_left_contents”>
<a href=”<{$home_url}>?mode=srh&keyword=”><i class=”icon-lg-b icon-heart”></i>商品一覧</a>
</li>

保存を押して右上のショップを表示のボタンを押すと

はい。表示されました。

商品一覧を押すと商品がすべて表示されて見やすくなりました♪

商品一覧の前のアイコンは変える事ができるのでこちらもまた方法を書きたいと思います。

この記事を書いた人

コメント

コメントする

目次
閉じる