ネットショップ開業のミカタ!『おたすけマイショップ』
ご利用について
イージーマイショップでネットショップを開業または、ネットショップの開業をご検討中の方々の情報交換、疑問解決の広場です。
素朴な疑問、意見交換、こうなったらいいな等、イージーマイショップに関する内容を自由に投稿できます。
-- ご利用についての注意事項 --
- 投稿時の『key』を使って自分の記事を修正することができます。
- 『HTMLタグ』はテキストとして表示されます。
- ①②㈱などの記号は使えません。
- 投稿された記事に関して、表現の一部や全てを予告なく適宜変更することがあります。
- 不適当と判断される記事や、他人を誹謗中傷する記事は予告なく削除することがあります。
初期費、固定費無料のイージーペイメントが登場したことを知らなかったのですが、イプシロンとの違いは何ですか?
利便性に違いがなければ、乗り換えを検討したいです。
イージーペイメントとイプシロンとの違いを案内いたします。
・初期、月額固定費が無料で、決済手数料は3.6%+40円/件(税抜)となります。
(決済が発生しない限り、手数料は発生致しません)
・イージーペイメントでのクレジット決済は、別の画面への遷移なくクレジット情報入力を行いますので、カゴ落ちを防止します。
・イージーマイショップ店長ナビにて発送処理を行うと同時にクレジット売上が同時に確定しますので、店長ナビのみでの管理となります。
(管理画面の二元管理は必要ありません)
・お申込みは店長ナビからの申請を行うのみです。
・イージーペイメントで決済された売上は変更できませんので、再度お客様に注文いただくか、店長ナビより注文を登録した後に、お客様に対し、再度クレジットカード登録をしていただく必要がございます。
・決済方法としては現在、クレジットカード決済とコンビニ決済がご利用頂けます。
簡単な内容としては、以上です。
一度ご検討頂ければと思います。
海外からの注文に対応したいのですが、PayPal決済を利用すれば可能になりますか? 英語サイトは2件目を作るような手間がかかりますか?
海外からの注文対応についてご案内します。
■支払方法について
仰る通り、PayPalを導入することで、海外からの支払が可能となります。
■送料について
送料設定(店長ナビ>開店設定内)から、[海外配送]を“する”に設定することで、お客様情報入力画面の都道府県選択欄に“海外”が追加されます。
また、チェックを入れた後、送料を入力する欄に[海外]が追加されますので、海外送料を入力して下さい。
■サイトの表示について
英語サイトを別に用意する場合は、イージーマイショップのアカウントを追加する必要がございます。
但し、システムから表示しているお客様情報入力画面等の項目名は日本語のままで変更することができません。
※こちらにつきましては現在、海外対応という事で機能拡張を行っております。
リリースの目途は立っておりませんが、対応が完了することで、システムから表示している項目も全て英語表記することができます。
現在のイージーマイショップでの海外対応については以上です。
いつもお世話になっております。
カートプランで使用しています
?@ログインした会員様だけが、見ることの出来るページ(特価やポイントアップ等)を追加することは可能でしょうか?
?A会員に限らず、ショッピングカートに入れたときについで購入を促す(アマゾンのような)ことは、可能でしょうか?
会員限定のページを作成することはできませんが、会員限定の表示エリア(会員グループ別フリーエリア)を作成することができます。
また、会員のグループを作成し、そのグループに所属している会員がログインすると、予め設定した各グループの仕切り価格(「○○%off」)を自動で表示させることができます。
作成・表示方法は以下の通りです。
1.会員グループを設定する
グループ一覧(会員管理>グループ一覧)から、会員グループを登録します。
登録する際に「仕切り率」「グループ別フリーエリア」を登録して下さい。
仕切り率:このグループに所属している会員がログインすると、この仕切り率で商品価格が表示されます。
グループ別フリーエリア:このグループに所属している会員のみ閲覧することができるメッセージ等を登録することができます。
※この時点で、設定したグループに所属している会員がログインすると、価格の表示が変わります。
2.「グループ別フリーエリア」をショップに設置する
フリーエリアパーツ管理(デザイン設定>レイアウトタブ)から、[未使用パーツ]の[新規作成]ボタンを押してフリーのパーツを作成します。
[HTMLモードに切り替える]を押して{group_explain}と入力し保存します。
作成したパーツをレイアウト図に配置すれば完了です。
パーツの配置に関しては、こちらをご参照ください。
http://emshelp.easy-myshop.jp/c-item-detail?ic=parts-set
グループに所属した会員がログインしたときのみ、この配置したパーツが表示されますので、一度ご確認ください。
会員のみ見ることができるメッセージや価格の作成・表示方法は以上です。
次にショッピングカートに「継いで買い」を即す様な商品リンクの表示方法を案内いたします。
フリーエリアパーツ管理(デザイン設定>レイアウトタブ)から、[ページ選択:]で「カート」を選択します。
[未使用パーツ]の[新規作成]ボタンを押して「商品ランキング」のパーツを作成します。
(商品ランキングの内容はお好みに設定して下さい)
※[パーツ名]が、ランキングのタイトルとして表示されますので、継いで買いを即すようなタイトルを登録することをお勧めします。
パーツを作成したら、レイアウト図へ配置して下さい。
設定は以上です。
ご希望の内容とは若干異なりますが、ご参考ください。
大変申し訳ございません。確認したところ、現在標準モードでデザインを設定されています。
(前回の回答は、簡単モードでの方法でした)
以下に標準モードでのデザインを設定する方法を改めて案内します。
■会員がログインすると表示されるメッセージを設置する
1.会員グループを設定する
グループ一覧(会員管理>グループ一覧)から、会員グループを登録します。
登録する際に「仕切り率」「グループ別フリーエリア」を登録して下さい。
仕切り率:このグループに所属している会員がログインすると、この仕切り率で商品価格が表示されます。
グループ別フリーエリア:このグループに所属している会員のみ閲覧することができるメッセージ等を登録することができます。
※この時点で、設定したグループに所属している会員がログインすると、価格の表示が変わります。
2.「グループ別フリーエリア」をショップに設置する
デザイン設定の[HTMLページ]のリンクから、メッセージを設置したいページの編集ボタンを押します。
表示されるHTML文章内に{group_explain}を入力し保存して完了です。
グループに所属した会員がログインしたときのみ、この配置したメッセージが表示されますので、一度ご確認ください。
会員のみ見ることができるメッセージや価格の作成・表示方法は以上です。
■ショッピングカートに「継いで買い」を即す様な商品リンクの表示方法
※大変恐れ入りますが、前回案内した「商品ランキング」は、カートプランでご利用頂けません。
ショッピングカート画面に商品画像やリンクを掲載する方法を案内いたします。
デザイン設定の[HTMLページ]のリンクから、[ショッピングカート]の編集ボタンを押します。
表示されるHTMLの次のタグの下に<a>タグや<img>タグを利用して商品画像や商品のリンクを掲載してください。
<!-- $$ APP CONTENT $$ -->
{$$ APP CONTENT $$}
<!-- / $$ APP CONTENT $$ -->
[補足]
商品画像は、リソースファイル(デザイン設定>リソースファイルタブ)に登録することをお勧めします。
リソースファイルに登録した画像のファイルパスは以下の通りです。
{resource_url}/ファイル名
例:<img>タグでリソースファイルを指定する場合
<img src="{resource_url}/sample.hpg">
説明は以上です。
すみません。まだわからないことがあるので教えて頂けますでしょうか?
親カテゴリはすでに1つ作っており、カテゴリ一覧で子カテゴリも作ることができています。
しかしそれに加えてもう一つ、親カテゴリを作りたいのです。
そういう場合はどうなるのでしょうか?
今のところ、カテゴリ一覧の最下部にある追加ボタンを押しても
子カテゴリが増えるだけになっております。
確認の為、ショップを拝見させていただいたところ、現在“親カテゴリ”しか作成されておりません。
ご質問内容にある「子カテゴリ(例:ID=1)」は、「親カテゴリ(例:ID=1)」の事です。
一番上に位置しているカテゴリ(ID=0)は親カテゴリで間違いないのですが、こちらのカテゴリは「ショップに登録している商品全て」というカテゴリとなり、他の親カテゴリとは別物となります。
子カテゴリを作成する場合は、親カテゴリにある「+(プラス)」ボタン(編集ボタンの横)を押すと作成されます。作成された子カテゴリは、親カテゴリの右下に表示されます。
(または、作成した親カテゴリを他の親カテゴリの右下にドラッグ&ドロップで配置していただくと、その親カテゴリの子カテゴリとすることもできます)
いつもお世話になっております。
一昨日よりお客様から数件クレームが届いております。
「スマホで注文しようと全てを入力し、最終確認画面に移動しようとしても移動できず注文ができません」との内容です。
試してみましたがやはり、出来ませんでした。
何か障害など不具合が発生しておりますでしょうか?
至急ご確認願います
内容を確認したところ、スマートフォン用のテンプレート(共通ヘッダー)に対し、デザインテンプレートの更新が行われていないことが原因かと思われます。
スマートフォン用HTMLページ一覧(店長ナビ>拡張設定>デザイン設定>スマートフォン用テンプレートタブ)から
共通ヘッダーの編集ボタンを押して以下の編集を行って下さい。
<meta http-equiv・・・・・・・・・・ />を削除します。
<link rel="stylesheet" ・・・・・・・・・/>を削除します。
<script type="text/javascript" ・・・・・・・・・/>を削除します。
削除したタグの代わりに以下を追加して保存して下さい。
{app_meta_tag}
{app_link_tag}
{app_script_tag}
こちらの編集の詳細は店長ナビ「おかしいな?と思ったら」の「デザインテンプレートの更新手順(以下のURL)」をご参照ください。
https://www.easy-myshop.jp/ems/help/update_design.html
早々にご返信ありがとうございます。
確認してみましたが
<meta http-equiv・・・・・・・・・・ />を削除します。
<link rel="stylesheet" ・・・・・・・・・/>を削除します。
<script type="text/javascript" ・・・・・・・・・/>を削除します。
上記のタグの内
<script type="text/javascript" ・・・・・・・・・/>
というタグが見当たりません。
<meta http-equiv・・・・・・・・・・ />8行分と
<link rel="stylesheet" ・・・・・・・・・/>2行分を
削除した所に下記のタグを追加すればよいですか?
{app_meta_tag}
{app_link_tag}
{app_script_tag}
知識不足の為お手を煩わせて申し訳ありませんが、宜しくお願いいたします。
少し内容がわかりづらく失礼致しました。
拝見したところ、共通ヘッダーのHTMLを特に編集されていませんので、<head>〜</head>を以下の内容に置き換えて下さい。
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
{app_meta_tag}
<title>{title}</title>
{app_link_tag}
{app_script_tag}
</head>
以上、よろしくお願い致します。
解決いたしました。
ご丁寧にありがとうございました。
現在、無料のコースでお試しに使わせていただいています。
現在、ショッピングカートとサーバーの提供をうけている会社より、はるかにわかりやすいので、びっくりしています。
ファンになってしまいそうです。
さて、質問と要望なのですが送料について重量による計算によった場合、「重量による計算」もしくは商品表示ページやカート等で「グラム」「合計重量」などの表示はなされるものでしょうか
もし表示されるとしたら、ポイント制などは採用できないものでしょうか。
重量による計算によれば、それに近いものになるとは、思います。しかし、当店の扱う商材ですが、非常に多種多様で、決して重量だけではなく、(商品を計量するのも手間)体積もたいへん影響します。
また、購入者が従量制だと知れば、商品種類が多いだけに、重量が間違っていたりした場合、指摘され返金などの手間が増えないかも心配しています。
重量についてg(グラム)という表示をP(ポイント)とするだけで実現できるのではないかなあと楽観的に考えています。
なお、今、使っているカートは、カートに合わせた送料を考えてあげないといけないようなもので、さらに普段の手間もたいへんなことになるような閉口モノです。
要望は贅沢をいっているような気もしていますが・・・
送料の表記は、店舗様が記載されない限りは、ショップ内に送料の一覧表示等はされませんので、表記される事についてご心配される必要はございません。
また、お客様の購入時には、設定された送料に基づき、購入情報に応じて表記されますので、こちらもご心配の必要はございません。
(ここでも、一覧表示はされません)
オプション商品追加の際に
一度に複数の商品を選択できますか?
オプション商品追加の際、一度に複数の商品を選択することはできませんので、
商品データ一括登録にて追加いただくことをお勧めします。
商品一覧ページの「検索してダウンロード」から全商品のデータをダウンロードしていただき、そのデータの「No.30 オプション商品コード 」に「 : (コロン)」区切りで商品コードを入力していただき、一括アップロードを行えば、複数の商品を一度に登録できます。
上記一括登録を行い際は、ダウンロードデータをバックアップとしてコピーしておくことをお勧めします。
お忙しいところ、申し訳ございません。
すでに持っているフェイスブックページとの連携をしようと思ったのですが、
設定→ページ情報?のアプリを見てもイージーマイショップが検索されず、
登録する事ができません。
どのようにすればイージーマイショップと当社フェイスブックページの連携が
出来るのでしょうか?
教えて下さい。
どうぞよろしくお願い致します。
問合せフォームの画像や背景を変更するにはどうすればよいのでしょうか?
問合せフォームの画像というのは、[送信]ボタンや[close]ボタンの事でしょうか?
これらのボタンは画像ではなく、スタイルシートにて色等を指定しています。
この色を変更(または画像に差し替え)することと、お問合せフォームに背景を入れる方法を説明いたします。
※こちらは標準モードでのご案内です。
PC用HTMLページ一覧(店長ナビ>デザイン設定>適用中のHTMLページリンク)から、お問い合わせページの[編集]ボタンを押します。
表示されるHTMLコードの以下の場所にスタイルを追加します。
<div class="close_link" onclick="window.close();"><span>〘 CLOSE 〙</span></div>
<br />
【こちらにスタイルを追加】
<!-- APP CONTENT -->
{$$ APP CONTENT $$}
<!-- / APP CONTENT -->
追加するスタイルは、以下のサンプルを編集して追加して下さい。
追加後、保存すれば適用されますので、ご確認ください。
<style>
.app_content{
【ページの背景】
}
.close_link{
【closeボタンの背景】
}
.item_contact a .item_contact_link_val, .item_contact_send_btn{
【送信ボタンの背景】
}
</style>
【ページの背景】
・背景色を変更する場合は以下を追加して下さい。
background:#ff0000;
(こちらは赤色のコードです。お好みの色コードに変更して下さい)
・画像を背景とする場合は以下を追加して下さい。
background-image: url(【画像のURL】);
※画像のURLはリソースマネージャー等に保存した後に表示されるパスを貼り付けてください。
・画像を背景とし、画像を繰り返し表示させない場合は以下を追加して下さい。
background-repeat: no-repeat;
・左上に画像を表示させる場合は以下を追加して下さい。
background-repeat: no-repeat;
background-position: left top;
【closeボタンの背景】
・ボタンの色を変更する場合は以下を追加して下さい。
background:#ff0000;
(こちらは赤色のコードです。お好みの色コードに変更して下さい)
・ボタンの画像を背景とする場合は以下を追加して下さい。
background-image: url(【画像のURL】);
※画像のURLはリソースマネージャー等に保存した後に表示されるパスを貼り付けてください。
【送信ボタンの背景】
・ボタンの色を変更する場合は以下を追加して下さい。
background:#ff0000;
(こちらは赤色のコードです。お好みの色コードに変更して下さい)
・ボタンの画像を背景とする場合は以下を追加して下さい。
background-image: url(【画像のURL】);
※画像のURLはリソースマネージャー等に保存した後に表示されるパスを貼り付けてください。
わかりにくい説明で申し訳ございませんが、説明は以上です。
新発売する商品のみ、会員限定10%オフで先行販売したいのですが、お店の設定はどうしたら良いですか?
その通知はダイレクトメール(ハガキ)を送ります。
一般にはその商品は閲覧できない方が良いです。
下記のようなことが考えられるのですが
会員設定ページを見てもどこが当てはまるのか分かりません。
?@専用パスワードを発行する
?Aログインしたら特定商品のみ閲覧でき10%オフの金額で表示される
会員機能にて会員限定で○○%offにすることはできますが、ショップの全ての商品が対象となってしまいます。
また、会員限定で特定商品の閲覧制限を設けることはできません。
(ショップ全体の閲覧制限は可能ですが、この設定をすると会員でないお客様がショップを閲覧・購入することができなくなります)
他の方法として「クーポン機能」がございます。
クーポン機能とは、特定のクーポンNoをショッピングカート内(支払方法選択画面)にて入力する事で、設定した割引金額や割引率が適用されます。
クーポン設定(店長ナビ>拡張設定>プロモーション設定・他>クーポン)にて、[新規作成]ボタンからクーポン番号や利用可能期間、割引額(率)などを設定します。
設定したクーポン番号を、会員様にダイレクトメールなどで通知します。
但し、以下の注意点がございます。
※クーポン番号を何らかの理由で入手された方は、会員様でなくでもクーポンが利用できてしまいます。
※特定商品を限定することはできません。
現状の機能で、ご希望される運用を実現することは難しいですが、上記機能をご参考いただき、検討頂ければと存じます。
?@店舗メモが、入金確認や発送手続きでも表示されるといいです。
?A お客様に送信する、入金確認メールや発送メールを送る前に
送るか、送らない、を選ぶようにしたいです、出来ますか?
⇒2015年8月18日のバージョンアップにて対応完了しました。
貴重なご意見をいただき、誠にありがとうございます。
> 店舗メモが、入金確認や発送手続きでも表示されるといいです。
こちらについては、今後対応を検討させていただきます。
> 入金確認メールや発送メールを送る前に送るか、送らない、を選ぶようにしたいです、出来ますか?
こちらは、各処理時に選択することはできませんので、対象となる注文の処理を行う際に、メール設定(店長ナビ>開店設定内)にて設定変更を行っていただく必要がございます。
設定変更の方法は、メール設定(店長ナビ>開店設定内)にて各処理の編集ボタンから[送信フラグ]の「送信する」のチェックを外して(または、入れて)保存して下さい。
その後、各処理を行って下さい。
⇒2015年8月18日のバージョンアップにて対応完了しました。
フリーページで新規のページを作成した際、ショップページで確認すると、ページのタイトル部分に「フリーページ」というのが入るのですが、それを消す方法はありますか?
SEO設定(店長ナビ>拡張設定>プロモーション設定・他>SEO)から、フリーページ名の項目にある編集ボタンを押して、“title”に表示させたいタイトル名を入れていただければ、そのタイトル名が表示されます。
(同時に、「フリーページ」は表示されません)
2015年3月のバージョンアップにて、SEO設定での変更をしなくても「フリーページ」の文字列が表示されなくなりました。
すべて(固定全カテゴリ) (ID=0) を表示させないようにすることはできますか?
カテゴリメニューを登録したものだけ表示するようにしたいのですが・・・
前回の回答についての補足です。
お伝えしたスタイルは、左側のカテゴリメニューのみを非表示にするスタイルとなります。
ヘッダーメニューのカテゴリ「すべて(固定全カテゴリ) (ID=0) 」も非表示とする場合は、以下のスタイルに変更して下さい。
<style>
ul.top_menu_pulldown li ul li.category_main_menu_all, .category_main_menu_all {
display: none;
}
</style>
商品の表示順を変えたいのですが…操作方法を教えて下さい。
商品一覧ページ(店長ナビ>商品管理)にある[表示順]に1〜99999の番号を入力いただき、件名の右側にある[更新]ボタンを押すと順番を変更することができます。
※商品表示設定(デザイン設定>詳細レイアウト他>レイアウト図中央の表示設定)にある[初期表示]において
「 - (表示順)」が選択されている場合は、上記で設定した順番が優先されますが、その他を選択する場合は、
そちらが優先されますので、ご注意ください。
今回サードパーティー決済をはずして、イージーペイメントのみの決済方法に変更しました。
注文系メールテンプレートの注文確認や注文受付などのサードパーティー決済を「送信しない」に設定しました。
イージーペイメントで注文があった場合、
注文確認・注文受付・入金確認などのお客様に届くメールは
【標準】が届くようになるのでしょうか?
メールテンプレートについては、対象の支払方法のメールテンプレートが登録されていない場合は全て【標準】が送信されます。
イージーペイメント専用のメールテンプレートが登録されていない場合は、注文確認・注文受付・入金確認など全てのメール種類において【標準】のテンプレートで送信されます。
また、設定された外部決済用のメールテンプレートにつきましては、「送信する」に設定されていても「その支払方法が選択されない」または「ショップ設定にてその支払方法を設定していない(チェックをはずしている)場合は送信されませんのでご安心ください。
(設定された通り「送信しない」にすれば確実に送信されません)
GoogleAnalyticsと連携するには、どうすればいいですか?
商品をカートに入れるためのボタンが
「ただいま準備中」
のまま変更ができないのですが、ヘルプを見つけられなかった為こちらから質問しました。
カートボタンが「ただいま準備中」となっているのは、開店状態の[購入]が“不可”となっている為です。
店長ナビトップの[開店中]ボタンを押して[購入]を“可”に切り替え保存して下さい。
価格43,200円(税込)と表示されておりますが、特別販売価格40,000円(税別)という表示にすることはできますでしょうか?
価格表示を、[1,080円(税込)]から[1,000円(税別)]の様に表示を変更する方法を案内いたします。
フリーエリア一覧(店長ナビ>デザイン設定>詳細レイアウト他)にある[商品レイアウト]タブをクリックします。
[商品表示設定]画面が表示されますので、商品“詳細”ページの表示を変更する場合は、[商品詳細]の[レイアウト]内にある[価格、カート]の編集ボタン(鉛筆マーク)を押します。
[価格、カート]の編集画面がひょじされますので、[価格表示方法:]を[1,000円(税別)]にして保存すれば完了です。
次に、商品“一覧”ページの表示を変更する場合は、[商品表示設定]の[商品一覧]の[商品フレーム項目]にある[価格表示方法:]を上記と同じにして保存すれば完了です。
店長ナビ右上にある[ショップページ]から変更をご確認ください。
ショッピングカートのみを利用したいのですが、
ヘッダーのメニューバーの横幅と、ショッピングカート内の表示、(商品コード/商品名など)の表の横幅を同じ幅に揃えたいのですが、それぞれどこを変更したら良いのでしょうか?
ショッピングカート内のヘッダメニューと表の調整方法を案内致します。
※デザイン設定において、[標準モード]をご利用されてますので、そちらでの調整方法を案内いたします。
■ヘッダーメニューの横幅変更
デザイン設定にて、適用中のスタイルシートカスタマイズを押します。
パソコン用スタイルシート一覧が表示されますので、「design.css」の編集ボタンを押します。
以下のスタイルに「max-width: 1050px;」「margin: auto;」を追加して保存すれば完了です。
(スタイルを探す際、「Ctrl+F」を押して「body」を検索するとすぐに見つかります)
※「max-width: 1050px;」の数値はお好みのサイズを入力して下さい。
body {
position: relative;
margin: 0;
padding: 0;
font-size: 12.0px;
line-height: 1.6;
line-height: 1.4;
overflow: Scrollbar;
-webkit-text-size-adjust: 100%;
max-width: 1050px; /* ←こちらを追加 */
margin: auto; /* ←こちらを追加 */
}
以上でヘッダメニューの幅を変更できます。
■ショッピングカート内の表をヘッダメニューの幅を揃える方法
デザイン設定にて、適用中のスタイルシートカスタマイズを押します。
パソコン用スタイルシート一覧が表示されますので、「design.css」の編集ボタンを押します。
以下のスタイルに「width: 100%;」を追加して保存すれば完了です。
(スタイルを探す際、「Ctrl+F」を押して「.individual_section table,」を検索するとすぐに見つかります)
.individual_section table,
.pane_regi table, /* レジ table 全般 */
.cart_item_list table, /* レジ 商品リスト */
.mypage table, /* 会員 table 全般 */
.item_list_regi table
{
margin: 0 auto;
border-width: 0;
width: 100%; /* ←こちらを追加 */
}
以上でヘッダメニューと幅を揃えることができます。
※ショッピングカート内に表示される全ての表(お客様情報入力画面等)が変更されますので、変更後はテスト注文を行いご確認ください。
ショッピングカートの「最後にカートへ入れた商品ページへ戻る」というリンクボタンを画像に変えたいのですがどうしたら良いですか?
パソコン用ページテンプレート一覧(デザイン設定>適用中のテンプレートカスタマイズ)からショッピングカードの編集ボタンを押します。
ページテンプレート設定に以下を追加して保存すると画像に変更できます。
※画像は、イージーマイショップのロゴを表示しています。
変更方法は追加例の下に記載します。
<script>
$(function () {
$('.last_item_page_btn').get(0).type = 'image';
$(".last_item_page_btn").attr("src","https://www.easy-myshop.jp/images/header/ems_logo-e.png");
});
</script>
【追加する場所】
{$$ COMMON HEADER $$}
<div class="pane_regi regi_flow0">
{regi_title}
【ここに追加】
<!-- $$ APP CONTENT $$ -->
{$$ APP CONTENT $$}
<!-- / $$ APP CONTENT $$ -->
</div>
{$$ COMMON FOOTER $$}
例)コードを挿入した例
{$$ COMMON HEADER $$}
<div class="pane_regi regi_flow0">
{regi_title}
<script>
$(function () {
$('.last_item_page_btn').get(0).type = 'image';
$(".last_item_page_btn").attr("src","https://www.easy-myshop.jp/images/header/ems_logo-e.png");
});
</script>
<!-- $$ APP CONTENT $$ -->
{$$ APP CONTENT $$}
<!-- / $$ APP CONTENT $$ -->
</div>
{$$ COMMON FOOTER $$}
【画像の変更方法】
リソースファイル(デザイン設定>詳細レイアウト他>リソースファイルタブ)の[新規登録]を押して画像を登録します。
登録後に表示されるリソースパスを上記コード内に記載します。
例)リソースパスをコード内に記載する
↓以下は「sample.jpg」を登録した場合の記載例。
<script>
$(function () {
$('.last_item_page_btn').get(0).type = 'image';
$(".last_item_page_btn").attr("src","{resource_url}/sample.jpg");
});
</script>
以上で変更完了です。
ショッピングカートのフッターが現在、ブラックの背景色になっていますが、
この場所の色を変更するタグはどこになりますか?
パソコン用ページテンプレート一覧(デザイン設定>適用中のスタイルシートカスタマイズ)からdesign.cssの編集ボタンを押します。
以下のコードが対象となります。
(コードを探す際、Ctrl+Fを押して、「フッダペイン」などで検索するとすぐにみつかります)
/* フッダペイン
______________________________________________________________________________*/
.pane_foot{
padding: 36px 0 36px;
font-size: 10.0px;
background: #4C4043 url(images/bg_pane_foot.png) repeat-x;
}
上記コードの「background:〜〜」の色コードを編集後に保存すれば完了です。
例)赤色にする場合
/* フッダペイン
______________________________________________________________________________*/
.pane_foot{
padding: 36px 0 36px;
font-size: 10.0px;
background: #FF0000;
}
非表示のページ(URLを知っている人しかアクセス出来ないページ)は可能ですか?
フリーページ機能で、独立したページを作成することができます。
こちらのページは、URLをお伝えするもしくはリンクを掲載しない限り、アクセスる事は不可能に近いので、非表示のページとして作成できます。
カテゴリー登録に制限はありますでしょうか?
登録カテゴリーの数の制限はございません。
但し、一つのカテゴリの階層は“5階層まで”です。
日本語ドメインは開設可能でしょうか?
日本語ドメインのご利用は可能です。
イージーマイショップで作成したネットショップを日本語ドメインで表示できます。
ドメインにつきましては、既にお持ちのドメインまたは新規取得されるドメインのどちらでもご利用可能です。
ブログのアイコンがなくなってしまいました。これを復活させるにはどのようにすればよろしいでしょうか。
「ブログのアイコンがなくなってしまいました」とのことですが、確認した所、ブログのアイコンを非表示にされたかと思われます。
再度表示する方法は、フリーエリアパーツ管理画面(デザイン設定>詳細レイアウト他)の右側[未使用パーツ]欄に[店舗ブログ(画像/テキス…]と記載されているパーツを左側のレイアウト図へドラッグ&ドロップすると、表示されます。
設定完了後に、店長ナビ右上にある[ショップページ]のリンクから表示をご確認ください。
Facebookのレイアウトを2カラム右サイドバーにしたいのですが、そのためにはPCのレイアウトも2カラム右サイドバーにしなければならないようです。PCのレイアウトを3カラムのままだと私がやっている限りではFacebookのレイアウトは2カラム左サイドバーにしかできません。これだと詳細画面で拡大画像表示の右半分がはみ出して見えなくなるためチケットリストの右端にある価格を拡大して確認できません。PCのレイアウトは3カラムのままでFacebookのレイアウトを2カラム右サイドバーにできないでしょうか?
もしCSSの追加で可能であれば追加するCSSのコードを教えてください。
PC表示 ⇒ 3カラム
Facebook表示 ⇒ 2カラム ※サイドバーは右に表示
設定方法は、フリーエリアパーツ管理(デザイン設定>詳細レイアウト他)で行う方法と、スタイルシートを追記する方法がございます。
設定は、スタイルシートを追記する方法が簡単でメンテナンスも容易ですが、念のため、両方の設定方法を下記します。
■フリーエリアパーツ管理で行う方法
フリーエリアパーツ管理(デザイン設定>詳細レイアウト他)のページ選択を[商品詳細]に切り替えます。
レイアウト図の左カラムに配置された各パーツの編集ボタンを押し、[表示区分:]の[Facebook]のチェックを外して保存します。
次に[未使用パーツ]にある[新規作成]から左カラムに配置されているパーツと同じものを作成します。
※作成する際、[表示区分:]のチェックは[Facebook]のみにしてその他はチェックを外します。
以上で設定は完了です。
パソコン表示、Facebook表示をご確認ください。
■スタイルシートを追記する方法
パソコン用スタイルシート一覧(デザイン設定>適用中のスタイルシートカスタマイズ)から[スタイルシート(SNS用){css_url}]の編集ボタンを押して以下のスタイルを貼り付けて保存すれば完了です。
div.pane_body_mid {
overflow:hidden;
}
div.pane_body_mid_1 {
margin: 0 0 0 -224px;
float:left;
}
div.pane_body_mid_1 .pane_body_mid_1_contents{
margin: 0 0 0 224px;
}
div.pane_body_mid_2 {
margin:0;
width:224px;
padding:0px;
float:left;
}
div.pane_body_mid_3 {
margin:0;
width:224px;
float:right;
}
div.pane_body_mid_2 .pane_body_mid_2_contents,
div.pane_body_mid_3 .pane_body_mid_3_contents{
overflow:hidden;
}
ご案内は以上です。
Facebookページをアプリインストールで立ち上げましたが、トップページに設置しているスライドショーをクリックすると、画面が真っ白になってしまい、商品詳細画面が表示されません。Facebookでのスライドショー機能は使えないのでしょうか?
スライドショーに設定したリンクが原因かと思われます。
facebookページ内のリンクは原則「 https://〜〜 」となりますので、
スライドショーにかかわらず、リンク先URLを「 https://〜〜 」でご登録をお願い致します。
注意が記載されておらず、ご迷惑をおかけしました。
また、外部リンク(ショップ内のURL以外)を登録される場合は「別画面で表示」にチェックを入れていただく事をお勧めします。
(外部リンクを「 https://〜〜 」に設定し、別画面表示にチェックが入ってない場合、正常に画面遷移されません)
ご面倒をかけますが、リンク先URLを以下の様に編集いただきますようお願い致します。
「 http://〜〜 」⇒「 https://〜〜 」
お世話になっております。
お店のトップページを見たいのですが、デザインを選択し、ロゴも登録してもショップページが見られません。
恐れ入りますが、どのようにしたらショップページに入れるのかをお教えいただきたく存じます。
どうぞ宜しくお願い致します。
広瀬
アカウントを確認したところ、カートプランをご利用されております。
カートプランはショッピングカートのみのご利用となる為、商品一覧ページや商品詳細ページは自動作成されません。
(トップページや商品一覧・詳細ページは店舗様でご用意いただきます)
カートプランではショッピングカート画面のデザインのみが確認できます。
ショッピングカート画面のURL
http://ユーザーID.easy-myshop.jp/c-cart
※初期設定では、店長ナビ右上の[ショップページ]のリンクが上記のURLとなっています。
(このURLを変更する場合は、ショップ設定(開店設定内)のショップページURLを変更して下さい)
また、ロゴの登録が完了していないようです。
ロゴの登録は、ショップ設定(開店設定内)の[ロゴ画像]から登録して下さい。
最後に、トップページや商品一覧・詳細ページが必要な場合は、イージーマイショップの無料版またはStandardプラン以上のご利用が必要です。
お世話になります。カテゴリーの変更するために削除したために商品のカテゴリーが消えてしまったため一括で登録をしたいのですができますか?
商品の一括登録機能を使い、登録されているデータに対し上書き登録を行えば、一括で変更できます。
手順としては、現在登録されている商品データをダウンロード頂き、そのデータのカテゴリー内容(No.3)を修正し再度アップロードすれば完了です。
※同じ商品コードがアップロードされると商品データが上書きされます。
すいません。
商品をとりあえず1個登録したんですが、
カゴに入れるボタンやカゴに入れるリンクは、
どうやってつくったらいいんでしょうか。
回答が書いてそうなページを教えてください。
よろしくお願いいたします。
ショッピングカートボタンの貼付について案内いたします。
商品登録をすると商品一覧(商品管理内)に登録した商品が表示されます。
変更欄にある[その他▼]>[</>カート埋め込み用htmlタグ表示]を押すと、
ショッピングカートボタンのhtmlタグとJavascriptタグが表示されますので、
こちらをコピーしてホームページ等に貼り付けてご利用下さい。
また、商品登録が完了した後に表示される画面にも[カートタグ表示]の
リンクがあります。こちらからも参照できます。
2/25に独自ドメイン切り替えを希望しました。
「板木版.com」に希望したところ「www.板木版.com」で切り替わりました。
「板木版.com」での切り替えでお願いしたいのですが可能でしょうか。
よろしくお願いいたします。
商品詳細画面のメイン画像サイズを大きくしたいのですが、デザイン設定のカスタマイズのどの部分を変更すれば可能でしょうか?
フリーエリアパーツ管理(店長ナビ>デザイン設定>詳細レイアウト他)の[ページ選択:]から[商品詳細]を選択します。
中央の[商品詳細]枠の中に配置されている[メイン画像]パーツが配置されているエリアの設定ボタンを押します。
[横幅]に数値や単位(pxまたは%)を登録し、このエリアの幅を広げます。
(登録されていない場合は、360pxです)
次にレイアウト図へ以下の<style>を追加します。
<style>
.item_detail .item_image_block {
width: 500px;
}
</style>
※「width: 500px;」の“500px”には上記で設定したエリアの幅と同じ数字及び単位を記載して下さい。
<style>の追加方法は以下のヘルプをご参考ください。
また、作成したパーツは中央の[商品詳細]枠のすぐ上に配置して下さい。
イージーマイショップオープンガイド - ページに<style>を追加する
http://emshelp.easy-myshop.jp/c-item-detail?ic=add-style
パソコンとスマホの商品説明文を替えて表示させたい。
または、スマホだけ商品説明文内の画像を非表示にしたい。
パソコンとスマホのショップで商品説明文を個々に設定することはできませんが、
HTMLとcss使う事で、現行でもデバイスにより非表示にする事ができます。
手順は以下の通りです。
フリーエリアパーツ管理(店長ナビ>デザイン設定>詳細レイアウト他)の
[ページ選択:]から[商品詳細]を選択し、レイアウト図へ以下の<style>を
追加します。
<style>
@media only screen and (max-width: 500px) {
.smartphone_non_display {
display: none;
}
}
@media only screen and (min-width: 501px) {
.pc_non_display {
display: none;
}
}
</style>
<style>の追加方法は以下のヘルプをご参考ください。
また、作成したパーツは中央の[商品詳細]枠のすぐ上に配置して下さい。
イージーマイショップオープンガイド - ページに<style>を追加する
http://emshelp.easy-myshop.jp/c-item-detail?ic=add-style
次に、商品説明文をHTMLモードに切り替えていただき、各タグの要素に以下を追加します。
・スマホで非表示にする場合 ⇒ class="smartphone_non_display"
・パソコンで非表示にする場合 ⇒ class="pc_non_display"
記述例)スマホで画像や文章を非表示にする
<img src="画像" class="smartphone_non_display">
<p class="smartphone_non_display">
<div class="smartphone_non_display">
<span class="smartphone_non_display"> など
※この要素を追加する際、他に「class="○○"」と入っていると適用され
ませんので、元の「class="○○"」を削除またはクラス名の編集をする
必要がございます。
スライドショーでバナーを押して、リンク先を新しいウィンドウで開かせるようにするには?
⇒2015年8月18日のバージョンアップにて対応完了しました。
スライドショーのリンクは、新しいウィンドウ(またはタブ)で開かせることはできません。
こちらにつきましては、ご要望として頂戴し、今後の検討課題とさせていただきます。
⇒2015年8月18日のバージョンアップにて対応完了しました。
お客様からご注文いただいた商品の購入価格の変更は可能ですか?
受注待ち一覧(店長ナビ>注文管理)を開き、対象の注文の[詳細]ボタンを押します。
注文詳細画面が表示されますので、お届け先の編集ボタンを押して価格を変更して下さい。
※サードパーティー決済(イプシロン等)での支払いを選択されている場合は、各決済の管理画面からも価格を変更して下さい。
Google検索に表示された時に有利にするために、構造化データを記述したいのですが、どこに記述すればいいのでしょうか。
ウェブマスターツールで構造化データは作成したのですが、記述するHTMLファイルが見つけられませんでした。
microdataマークアップのことでよろしいでしょうか?
イージーマイショップで自動生成されるページでは対応していません。
フリーエリア(フリーパーツなど)やフリーページを作成する際はmicrodataマークアップに対応した記述が可能です。
また、商品説明文においてもHTMLモードで記述すると可能となります。
(HTMLでの記述ができる箇所は可能です)
※こちらについては検証は行っていないので、Googleに正確に認識されるかはわかりかねます。予めご了承くださいませ。
商品の種類の並べ替えはできますか?
新規のものを追加すると最後尾になるので困っています。
商品種類の並び替えは、再度種類を登録し直していただく必要がございます。
商品情報変更画面を表示していただき、[種類追加]ボタンから正しい並びで種類を追加していただきます。
追加が完了しましたら、以前登録された種類の[削除]ボタンから削除して商品変更画面を保存すれば完了です。
ショッピングカートのページの、TOPや支払・配送などのカテゴリーボタンと
フッター? の一番下にある帯の背景色がデフォルトでブルー系の青い色になっていると思いますが、こちらの背景色を変更する為にはどうしたらよいでしょうか?
ヘッダーメニューやフッターメニューの背景色を変更する方法は、ショップのデザインを切り替える事で変更できます。
デザイン設定(店長ナビトップのデザイン設定ボタン)から[パソコン用デザイン登録]を押して[デザイン選択]からお好みのデザインを選択します。
登録完了後にデザイン設定画面にて登録したデザインの[適用]ボタンを押せばデザインの切り替え完了です。
また、デザイン設定内にて適用中のデザインの[テンプレート]または[スタイルシート]のカスタマイズからHTMLやCSSを直接編集することで背景色等を変更することもできます。
直接編集を希望する場合は、使われているデザインによって編集点が異なりますので、デザイン名や編集を希望される詳細内容を踏まえ再度お知らせください。
商品を登録する際に、自由項目1〜3に文章を入力したいのですが
実際に商品ページに表示すると「自由項目:」というのが最初に付きます。
この「自由項目:」を表示しない方法はありますか?
自由項目の登録後に表示される「自由項目:」のタイトルは、以下の手順で変更することができます。
名称変更画面(店長ナビ>デザイン設定>詳細レイアウト他>項目名称タブ)にある[自由項目1〜3]を変更して保存します。
以上で自由項目のタイトルを変更することができます。
次に、タイトル自体を非表示にする方法です。
フリーエリアパーツ管理(店長ナビ>デザイン設定>詳細レイアウト他)のページ選択にて[商品詳細]を選択します。
レイアウト図右側にある[未使用パーツ]の[新規作成]ボタンから「パーツ種類:フリー」を選択して[OK]ボタンを押します。
入力画面が表示されますので[HTMLモードに切り替える]を押して、以下のソースを貼り付けた後に保存します。
<style>
.item_attribute_1_ttl.item_textinfo_ttl {
display: none;
}
</style>
[未使用パーツ]内に作成したパーツが表示されます(パーツ名を登録されていない場合は、「フリー」という名前で表示されています)ので、そのパーツをレイアウト図の中央(商品詳細)の上に配置したら完了です。
ショップページを表示してご確認くださいませ。
送料設定の付加条件にある、「送料無料注文金額」のチェックボックスを「なし」にしたいのですが、グレーで表示され変更ができません。
「送料の計算方法」で以下のものを選択している場合は、「送料無料注文金額」の設定が必要ないため、グレーになり変更できない仕様となっております。
≪「送料無料注文金額」の設定が必要ない「送料の計算方法」≫
・送料無料 ←送料が全て無料となる為、設定不要
・商品の合計金額 ←合計金額に対する送料を設定する為、設定不要
・商品別指定のみ ←商品別に送料を設定する為、設定不要
ツイッターのタイムラインをフリーエリアのサイド側やセンター下へ表示することは可能ですか。
ツイッターのタイムラインを表示するには、
ツイッターのウィジェット設定で作成したタイムライン表示用のコードを
イージーマイショップのフリーパーツ等に設定して使用します。
以下に手順をご案内します。
ツイッタータイムラインのコードはツイッターの画面で作成します。
1.下記のURLにアクセスしてツイッターにログイン
https://twitter.com/settings/widgets
2.ウィジェットの「新規作成」ボタンをクリック
3.ユーザー名等を設定して「ウィジェットを作成」をクリック
以上でウィジェットが作成され、設定用のコードが表示されます。
作成されたコードをイージーマイショップのフリーパーツ等に張り付けてご使用ください。
※コードの作成については以下のページも参考にしてください。
(イージーマイショップのページではございません)
https://dev.twitter.com/ja/web/embedded-timelines
フリーエリアに張り付ける場合の手順は以下を参考にしてください。
[新テンプレートをご利用の場合]
1.店長ナビ > デザイン設定 > 詳細レイアウト他 からフリーエリアパーツ管理画面を表示
2.パーツの「新規作成」ボタンからパーツ種類の「フリー」を選択してパーツを作成
3.「HTMLモードに切り替える」ボタンをクリックしてHTMLモードにし、ツイッターのコードを張り付けて保存
4.作成されたパーツを表示したい場所に設置
[旧テンプレートをご利用の場合]
1.店長ナビトップ > デザイン設定 > 詳細レイアウト他 からフリーエリア一覧画面を表示
2.ツイッタータイムラインを設定するフリーエリアの編集画面を表示
3.作成したツイッターのコードを張り付けて保存
4.基本デザイン > 適用中デザインのテンプレートカスタマイズ からページテンプレート一覧を表示
5.ツイッタータイムラインを表示したい画面の編集画面を表示
6.表示したい場所に、ツイッターのコードを保存したフリーエリアのタグを追加して保存
※適用中のデザインをカスタマイズする際は、現在のデザインをコピー作成してカスタマイズすることをおすすめします。
会員一覧のページで郵便番号と電話も表示されると便利ですが
何か方法はありますか?
現在、会員一覧ページで郵便番号と電話番号を表示させる方法はありません。
次回バージョンアップにて検討いたします。
今しばらくお待ちくださいませ。
⇒2015年2月24日のバージョンアップにて対応完了しました。
現在、会員一覧で郵便番号・電話番号は表示されています。
在庫一覧でも
商品画像が見られると便利ですが
どのようにすれば良いですか?
在庫一覧で商品画像を見ることは現在できません。
見る場合は、商品一覧ページに戻っていただき、商品名や商品コードから確認いただく必要がございます。
在庫一覧での商品画像表示につきましては、今後の画面改修の検討課題とさせていただきます。
⇒2015年2月24日のバージョンアップにて対応完了しました。
現在、在庫一覧で商品画像が表示されています。
いつもお世話になります。
購入時に送料が表示されなくなりました。原因はなんでしょうか?
ショップを確認したところ、支払方法選択画面から正常に送料が表示されております。
また、5,000円以上は送料無料の設定をされており、こちらが適用されている場合は「送料 0円」という表示になっております。
送料が表示されなくなる条件(例:○○という商品を注文する際、□□画面で表示されない など)を教えていただけますでしょうか?
(現在、様々なパターンを試してみましたが、再現することができませんでした)
お手数かけますが、よろしくお願い致します。
離島・海外発送のお客様に、注文後の送料変更をしたいのですが、該当するボタンがみつかりません。
注文詳細画面内には
「注文状況を変更する」
「決済手数料・オプションサービス(注文毎)・ポイントを変更する」
「お客様情報を変更する」
「お届け先追加」
「その他情報を変更する」
というボタンはあります。
受注ステータスは「受注待ち」です。
送料無料の金額設定をしているのですが、これも影響ありますでしょうか?
送料の変更は注文詳細画面内の[お届け先追加]ボタンの下にある編集ボタンから行っていただきます。
ステータスは[受注待ち]とのことですので、受注待ち一覧(店長ナビ注文受付または注文管理内)から対象の注文の[詳細]を押します。
次に[お届け先1](または、送料を変更したいお届け先)の編集ボタン(鉛筆マーク)を押します。
[お届け先情報変更]画面が表示されますので、[送料(税込)]から送料を変更して保存ボタンを押せば完了です。
念のため、受注処理の際に[メールプレビュー]から送料が変更されていることをご確認ください。
イージーペイメントでの注文は金額変更ができませんので、一度その注文を取り消していただき、店長ナビ(管理画面)で離島・海外発送の送料を入れた注文を作成して再度クレジットカード決済をしていただく必要がございます。
詳細の手順は以下の通りです。
受注待ち注文一覧画面にて、対象の注文にチェックを入れて[注文取消処理]から取消処理をします。
※取消処理時にメールを送信しない場合は、メール設定(開店設定内)の注文取消メール編集ボタンを押し[送信フラグ]のチェックをはずして保存して下さい。
注文取消後、受注待ち注文一覧画面の[新規注文登録]ボタンから取消した注文と同じ内容で注文を登録します。
※支払方法では、イージーペイメントを選択して下さい。
※登録する際、[送料]欄に変更した送料を登録して下さい。
注文登録後、受注待ち注文一覧画面において、登録した注文が表示されますので、[再決済依頼]ボタンを押して、お客様に対しクレジットカード決済を行うURLを案内していただき、再度決済を行っていただきます。
以上がイージーペイメントにおける送料等が変更する場合の注文対応となります。
店舗様及びお客様に対しご面倒をおかけしますが、何卒よろしくお願い致します。
いつもお世話になっております。
早速ですが、弊社では5,000円以上送料無料の規定で展開して
おりますが、昨今の運送配達のコスト高で特に離島は高額に
なっております。
離島の送料区分をつけることは出来ないでしょうか?
離島の送料区分を付けることはできませんので、運用にてご対応いただく方法となります。
対応方法の一例を下記します。
カート画面または対象となる商品説明文等に以下の様な文章を追加します。
「自動計算された送料が表示されますが、離島からのご注文いただいた場合は、別途送料をお知らせ致します」
また、配送方法の説明文(店長ナビ>送料設定)内にもその旨を追記します。
離島からの注文が入った際、「受注待ち注文一覧」にて対象の注文の[詳細]ボタンを押して送料を変更します。
【補足】
運送方法にメール便を登録し選択することも可能です。
この場合、受注メールのテンプレートに運送方法のタグ“{trans}”及びそれに付随する文字または説明を追加して下さい。
送料等の変更後に受注処理を行って送料が変わったことも踏まえお知らせします。
(この際、メール付加コメントにて送料が変わった旨を追記することをお勧めします。[メール付加コメント登録]から定型文章を登録すると次回以降のお知らせが簡単になります)
また、クレジット決済など他社サービスと連携した決済システムをご利用の場合は、金額変更も同時に行っていただきます。
以上です。
いつもお世話になっております。
会員様だけにメールでの案内を送信したいのですが、カートの機能でできますでしょう。
カートプランでは、会員機能が利用できます。
会員機能では、会員メールアドレスダウンロード機能がありますので、その機能を使い登録されている会員様の「会員ID」「会員名」「会員メールアドレス」をダウンロードできます。
ダウンロードしたデータを使い、ご利用のメールソフト等で案内などをお送り下さい。
また、ダウンロード前に年齢・性別・メルマガ受信許諾者・特定商品を購入した会員と絞り込んだ上でダウンロードすることができます。
入金処理の画面でも「帳票発行」出来るようにして欲しいです。
よろしくお願いします。
次回バージョンアップ(日程は未定)にて検討いたします。
今しばらくお待ちくださいませ。
⇒2015年2月24日のバージョンアップにて対応完了しました。
入金待ち注文一覧画面からも発行できます。
商品一覧ページについて、現在縦並び(価格・商品詳細)で表示されますが、画像横並び表示で価格のみにすることはできますか?
できれば、3商品ずつの横並びで表示したいです。
まず、画像を縦並び⇒横並びにする方法を説明します。
フリーエリアパーツ管理(店長ナビ>デザイン設定>詳細レイアウト他)のレイアウト図中央にある商品一覧内の[表示設定]ボタンを押します。
商品表示設定画面が表示されるので、「初期表示」を[カタログ表示]にして保存します。
以上で、商品一覧ページが横並びになります。
次に、各商品の表示を画像と価格のみの表示にする方法です。
フリーエリアパーツ管理(店長ナビ>デザイン設定>詳細レイアウト他)のレイアウト図中央にある商品一覧内の[商品フレーム設定]ボタンを押します。
商品フレーム設定画面が表示されるので、[有効]にチェックを入れます。
画面最下部にある「商品情報・その他」の[価格]のみにチェックを入れます。
([価格の(税込)を表示]のチェックは任意です。また、[商品名]や[在庫]のチェックは外して下さい)
以上の設定後、保存すれば完了です。
最後に、3商品ずつの横並びで表示する方法です。
こちらは表示する商品数を固定するという設定や機能がない為、数値を調整いただく方法となります。
フリーエリアパーツ管理(店長ナビ>デザイン設定>詳細レイアウト他)のレイアウト図中央にある商品一覧内の[商品フレーム設定]ボタンを押します。
「ビッグフレーム」にある[チューニング]にチェックを入れていただき、[標準フレームサイズ]の幅の数値を調整して保存すれば完了です。
(ビッグフレーム、メガフレームの入力欄は削除して空欄にして下さい)
保存後、ショップページにてご確認ください。
尚、初期設定の160pxでは、一般的なパソコン画面で表示すると4商品、スマートフォン(縦)で2商品の横並びとなります。
※こちらの説明は、フリーエリアパーツ管理にて商品一覧の両サイドにメニューが表示されている場合の説明となります。
設定により、再度のメニューを非表示または、商品一覧の下に配置している場合は、設定する数値を大きく設定して下さい。
反映されないのは、ブラウザのCookieにリスト表示が保存されているため、反映されていないように見えているかと思われます。
この場合、一度ブラウザを終了していただくことでCookieがクリアされますので、ブラウザを閉じた後に開き直してご確認ください。
また、商品フレーム設定について一点追記させて下さい。
現在、商品が横並びになっていることをこちらで確認できておりますが、商品画像の高さのサイズにより縦幅が均等になっておりません。
均等に並べる場合は、以下の設定を行って下さい。
フリーエリアパーツ管理(店長ナビ>デザイン設定>詳細レイアウト他)のレイアウト図中央にある商品一覧内の[商品フレーム設定]ボタンを押します。
「ビッグフレーム」にある[チューニング]にチェックを入れていただき、[標準フレームサイズ]の[自動]のチェックをはずしていただき、高さの数値を登録して保存すれば完了です。
([画像を領域内で余白が無くなるサイズにする]はお好みでチェックを入れて下さい)
以上で縦幅が均等に整列します。
商品説明文で表を追加したのですが、表の線が表示されません。
どのようにしたら表示されるのでしょうか?
フリーエリアパーツ管理(店長ナビ>デザイン設定>詳細レイアウト他)から、未使用パーツにある[新規作成]で“フリー”のパーツを作成します。
パーツ内は以下のように設定します。
パーツ名:(任意の名前を登録します←店長ナビ内の名前となり、ショップページには表示されません)
表示区分:全てにチェックを入れて下さい。
入力欄:[HTMLモードに切り替える]を押した後、以下のいずれかのコードを入力します。
【コード1:表の線を適用中のデザインの標準色に合わせたい】
<!-- ここから -->
<style>
.item_explain td {
border-width: 1px;
}
</style>
<!-- ここまで -->
※「1px」の数字を上げることで、線を太くできます。
【コード2:表の線を自分で設定する】
<!-- ここから -->
<style>
.item_explain td {
border: 1px solid #ccc;
}
</style>
<!-- ここまで -->
※コード内の「#ccc」の文字色コードを変更することで線の色を変更できます。
※「1px」の数字を上げることで、線を太くできます。
上記入力が終わったら、[保存]を押します。
未使用パーツ内に作成したパーツ(上記で登録したパーツ名で表示されています)が表示されます。
次に「ページ選択:」から商品詳細を選択して、作成したパーツをレイアウト図内の「商品詳細」の上に配置すれば完了です。
商品説明文に表を登録したページを開き、確認して下さい。
Page: | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 |
個性的なネットショップが開ける『イージーマイショップ』