商品検索をタブレット対応させる方法
タブレット端末からも商品検索がおこなえるようにするための方法についてご紹介します。
- 管理画面から[ショップ作成] → [デザイン] → MODEの[テンプレート編集]から共通の[HTML/CSS編集]をクリック
-
HTML編集の11行目を修正
▼修正前
<form action="https://modesample.shop-pro.jp/" method="GET" class="search_form visible-desktop">
▼修正後<form action="https://modesample.shop-pro.jp/" method="GET" class="search_form visible-desktop visible-tablet">
- 変更しましたら、[保存]ボタンをクリック。
- タブレット端末よりサイトにアクセスして変更が反映されている事を確認します。
コンテンツを見る
- 推奨環境/仕様について
- サイド上部バナーの差替方法
- サイド下部バナーの差替方法
- フッターバナーの差替方法
- ショップリード文の差替方法
- インフォメーションをサンプルサイトと同様にする方法
- 商品一覧フリースペースの効果的な使用方法
- 商品詳細ページのレイアウト切替方法
- 商品詳細ページのレイアウト切替後、タブの初期値をイメージへ変更する方法
- 商品一覧・ランキング・おすすめ商品・検索結果へ簡易説明を追加する方法
- 商品検索をタブレットで対応させる方法
- 【動画解説】テンプレートMODEのバナー作成〜設置方法
- ソーシャルアイコンの設定方法
- 【テンプレート更新情報】商品詳細ページの画像 alt 属性に商品名が正しく入るよう修正しました。






