[戻る]
No.881

メニュー(TOP、カテゴリ、支払・配送など)の変更方法

おたすけマイショップさん  投稿日:2014/05/30(Fri) 16:23
key

ネットショップの上部にあるTOP、カテゴリ、支払・配送等のメニューを変更する方法を教えて下さい。

Re: メニュー(TOP、カテゴリ、支払・配送など)の変更方法

おたすけマイショップさん  2014/05/30(Fri) 16:34 No.882
key

店長ナビ>デザイン設定>適用中のテンプレートのカスタマイズ>共通ヘッダーの編集ボタン

「共通ヘッダーの編集画面」にある

 <ul id="top_menu_pulldown" class="top_menu_pulldown popup_hide_sm glass_sm">

 【省略】

 </ul>

こちらの中のソースを変更して下さい。

■メニューを追加する場合

 次のソースを追加して下さい。

 <li><a href="【リンク先URL】">【表示させるテキスト】</a></li> 


以下、追加例を記載します。

<ul id="top_menu_pulldown" class="top_menu_pulldown popup_hide_sm glass_sm">
<li><a href="{shop_url}">TOP</a></li>
<li class="category_list_text category_main_menu_cate"><a class="category_main_menu_cate_open">カテゴリ</a>
<!-- カテゴリ -->
{category_list_text}
<!-- / カテゴリ -->
</li>
【こちらに追加⇒】<li><a href="https://www.easy-myshop.jp/" target="_blank">EMSのホームページへ</a></li>
<li class="for_sp" style="display: none;">
<a onClick="$('.navi_menu_hideen, .zoomContainer').toggle('normal'); $('#top_menu_pulldown').toggleClass('popup_show');">サイドメニュー</a>
</li>
<!-- contact -->
<li><a href="javascript:void(0);" onclick="window.open('{law_url}#payment_explain','ems_sub','width=710,height=620,scrollbars=1');" >支払・配送</a></li>
<li><a href="javascript:void(0);" onclick="window.open('{law_url}#return_explain','ems_sub','width=710,height=620,scrollbars=1');" >返品特約</a></li>
<li><a href="javascript:void(0);" onclick="window.open('{contact_url}','ems_sub','width=710,height=423,scrollbars=1');" >お問合せ</a></li>
<!-- / contact -->
</ul>


■メニューを削除する場合

 対象となる以下のソースを削除して下さい。

 <li> 〜〜 <li>で囲まれた箇所。

以下、「カテゴリ」を削除する例を記載します。

<ul id="top_menu_pulldown" class="top_menu_pulldown popup_hide_sm glass_sm">
<li><a href="{shop_url}">TOP</a></li>
<li class="category_list_text category_main_menu_cate"><a class="category_main_menu_cate_open">カテゴリ</a>   【←ここを削除】
<!-- カテゴリ -->   【←ここを削除】
{category_list_text}   【←ここを削除】
<!-- / カテゴリ -->   【←ここを削除】
</li>   【←ここを削除】
<li class="for_sp" style="display: none;">
<a onClick="$('.navi_menu_hideen, .zoomContainer').toggle('normal'); $('#top_menu_pulldown').toggleClass('popup_show');">サイドメニュー</a>
</li>
<!-- contact -->
<li><a href="javascript:void(0);" onclick="window.open('{law_url}#payment_explain','ems_sub','width=710,height=620,scrollbars=1');" >支払・配送</a></li>
<li><a href="javascript:void(0);" onclick="window.open('{law_url}#return_explain','ems_sub','width=710,height=620,scrollbars=1');" >返品特約</a></li>
<li><a href="javascript:void(0);" onclick="window.open('{contact_url}','ems_sub','width=710,height=423,scrollbars=1');" >お問合せ</a></li>
<!-- / contact -->
</ul>


■メニューの表示文字を変更する場合

 対象となる文字列を削除して下さい。

 <li><a href="{shop_url}">TOP 【←この部分】</a></li>

以下、「TOP」から「トップページ」に変更する例を記載します。

<ul id="top_menu_pulldown" class="top_menu_pulldown popup_hide_sm glass_sm">
<li><a href="{shop_url}">トップページ  【←この部分を変更】</a></li>
<li class="category_list_text category_main_menu_cate"><a class="category_main_menu_cate_open">カテゴリ</a>
<!-- カテゴリ -->
{category_list_text}
<!-- / カテゴリ -->
</li>
<li class="for_sp" style="display: none;">
<a onClick="$('.navi_menu_hideen, .zoomContainer').toggle('normal'); $('#top_menu_pulldown').toggleClass('popup_show');">サイドメニュー</a>
</li>
<!-- contact -->
<li><a href="javascript:void(0);" onclick="window.open('{law_url}#payment_explain','ems_sub','width=710,height=620,scrollbars=1');" >支払・配送</a></li>
<li><a href="javascript:void(0);" onclick="window.open('{law_url}#return_explain','ems_sub','width=710,height=620,scrollbars=1');" >返品特約</a></li>
<li><a href="javascript:void(0);" onclick="window.open('{contact_url}','ems_sub','width=710,height=423,scrollbars=1');" >お問合せ</a></li>
<!-- / contact -->
</ul>



返信
*おなまえ
*email (回答通知用。公開されません)
*タイトル
*内容
ショップURL
*key (修正の際に使用します)

無料で本格的なネットショップ開業できるのは『イージーマイショップ』