バージョン選択

フォーラム

メニュー

オンライン状況

49 人のユーザが現在オンラインです。 (43 人のユーザが フォーラム を参照しています。)
登録ユーザ: 1
ゲスト: 48
red もっと...

サイト内検索

質問 > 管理機能 > デフォルトの検索窓のデザイン・カスタマイズ方法、EC-CUBEの検索窓への紐付け方

管理機能

新規スレッドを追加する

スレッド表示 | 古いものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
anna...
投稿日時: 2019/11/29 11:51
対応状況: −−−
半人前
登録日: 2019/7/17
居住地:
投稿: 20
Re: デフォルトの検索窓のデザイン・カスタマイズ方法、EC-CUBEの検索窓への紐付け方
ご連絡ありがとうございます。
actionの記載ができておらず、追加したところ上手くいきました!
ありがとうございます。
umebius
投稿日時: 2019/11/29 11:18
対応状況: −−−
登録日: 2016/7/22
居住地:
投稿: 2085
Re: デフォルトの検索窓のデザイン・カスタマイズ方法、EC-CUBEの検索窓への紐付け方
どのようにコーディングされているかわからないので何とも言えないのですが、検索ボタンを押した時は
/user_data/test_page_layout?name=タオル#ではなく、

/products/list??name=タオル というURLに遷移しなくてはいけません。

formタグのaction属性には/products/listを指定する必要があります。

(例)
<form method="get" id="searchform" action="{{ path('product_list') }}">
anna...
投稿日時: 2019/11/29 11:14
対応状況: −−−
半人前
登録日: 2019/7/17
居住地:
投稿: 20
Re: デフォルトの検索窓のデザイン・カスタマイズ方法、EC-CUBEの検索窓への紐付け方

ご連絡が遅くなり、申し訳御座いません。

/user_data/test_page_layout?name=タオル#
検索すると、上記のようなURLになり画面は変わらないままとなっています。
紐付けなどが上手くいっていないんだろうなとは思いますが、どこを直したらいいかがわかっておりません。

Web上にあるテンプレートの検索ボックスデザインを使用しております。
umebius
投稿日時: 2019/11/28 10:53
対応状況: −−−
登録日: 2016/7/22
居住地:
投稿: 2085
Re: デフォルトの検索窓のデザイン・カスタマイズ方法、EC-CUBEの検索窓への紐付け方
検索ボタン押すとそんなURLに飛んだか教えていただけますか?
(ドメイン部分は伏せてもらって大丈夫です)
anna...
投稿日時: 2019/11/28 10:09
対応状況: −−−
半人前
登録日: 2019/7/17
居住地:
投稿: 20
Re: デフォルトの検索窓のデザイン・カスタマイズ方法、EC-CUBEの検索窓への紐付け方
丁寧なご説明、誠にありがとうございます。
コーディングを行なっていたのですが、検索ボタンを押すと、パラメーターは付与されるのですが検索はされませんでした。何が原因かわかりますでしょうか。
umebius
投稿日時: 2019/11/28 8:55
対応状況: −−−
登録日: 2016/7/22
居住地:
投稿: 2085
Re: デフォルトの検索窓のデザイン・カスタマイズ方法、EC-CUBEの検索窓への紐付け方
EC-CUBEの検索に紐づける方法としては、デフォルトではform_widgetという関数が使われていますが、静的にHTMLをコーディングすることも可能です。

URLが下記のようにnameというパラメーターが入ればひもづきます。
https://demo4.ec-cube.net/products/list?category_id=&name=%E3%82%AD%E3%83%BC%E3%83%AF%E3%83%BC%E3%83%89

ですので、キーワード入力欄のinputに「name」というname属性をつくようにコーディングしてやればよいかと思います。

<input type="search" name="name" maxlength="50" class="search-name" placeholder="キーワードを入力">
anna...
投稿日時: 2019/11/27 18:17
対応状況: −−−
半人前
登録日: 2019/7/17
居住地:
投稿: 20
デフォルトの検索窓のデザイン・カスタマイズ方法、EC-CUBEの検索窓への紐付け方
▼テンプレート
[EC-CUBE] EC-CUBE4
[レンタルサーバ] sakura
[OS] Mac
[ブラウザ] Chrome

デフォルトで表示されている検索窓をカスタマイズしたいと思っております。
イメージ的には、一般的にあるような少し丸いフォームと虫眼鏡アイコンがついたようなものにデザインを変更したいと思っています。
その場合、どのようにカスタマイズをしていったらいいのでしょうか。検索窓のデザインなどは他サイトでサンプルが多くあると思うのですが、そこからEC-CUBEの検索に紐づけるやり方がわかりません。

どなたかご教示ください。
スレッド表示 | 古いものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は88,290名です
総投稿数は109,689件です

投稿数ランキング

1
seasoft
7365
2
468
3217
3
AMUAMU
2712
4
nanasess
2303
5
umebius
2085
6
yuh
1818
7
h_tanaka
1610
8
red
1568
9
mcontact
1240
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
796
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.