カテゴリー: サンエツ

サンエツのテスト段階なのだが、http://cm-creation.net/yoshida/new-sanetsuにおいたcssやjsを読み込んでもデザインに反映されない！

サンエツのカラミーは常時SSL設定バージョンで、チャンスメーカーのはそうじゃないバージョンからなのかも？　関連記事っぽいやつこれ。

https://help.shop-pro.jp/hc/ja/articles/360023284853-%E5%A4%96%E9%83%A8%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC%E3%81%A7%E7%AE%A1%E7%90%86%E3%81%97%E3%81%A6%E3%81%84%E3%82%8BCSS%E3%82%84J-query%E3%82%92%E8%AA%AD%E3%81%BF%E8%BE%BC%E3%81%BF%E3%81%9F%E3%81%84

こちらの件ですが、原因がわかりました。

常時SSLに対応している為、全てのページのリンクががhttpではなくhttpsになるようです。
その為リンクされる外部ファイルもhttpsにならないと読み込まれないようです。
当方の使用しているサーバーはsslに対応しているようで、記載した外部ファイルのリンクをhttpからhttpsに変更した所、css、jqueryともに反映されました。

下記が参考にしたページになります。

https://shop-pro.jp/ssl
http://kwave-studio.com/?p=156

この通りだった。

https://www.chancemaker.co.jp/ の中に置いたjs やcssとリンクづけしたらデザインに反映された！！

マニュアルにはカラミーぶら下がりドメインの場合は、いちどSSL設定すると元には戻せないとのこと

Q. httpに戻したいのですが、どうしたら良いですか？

A.カラーミーショップのサブドメイン（例：https://◎◎◎.shop-pro.jp）にてショップを運用いただいている場合は、httpに戻すことはできません。

フリーページでjavascriptやjQueryが動かない時は。

フリーページの一番下の行に、最新のjqueryへのリンクを張ったら動く。フリーページ以外の別の場所に最新のjqueryのリンクを張っても動かないし、バッティングして他の仕掛けが働かなくなるからフリーページの中に最新のリンクを張る事！！

jQueryを使用する際は、CDNコードを使って導入する方法が便利↓

<script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js”></script>

カラーミーカスタマイズ前に知っておきたい問題解決のためのヒント

サンエツ

ショップ作成→配送方法設定→ギフト設定

https://shop-pro.jp/manual/gift_lst

コメント欄にリンクも設置できる

質問

ギフト商品を扱おうとしています。カートに商品をいれて購入手続き画面に進んだ折に、包装紙やのし袋を選んでもらえるように選択画面を表示させるようなことは仕様上出来るものなのでしょうか？

返信

お問い合わせいただき、誠にありがとうございます。
カラーミーショップお客様担当の今枝と申します。

お寄せいただいた内容につきましてご案内いたします。

当窓口にてShop様側の設定を調査させていただいたところ、
カラーミーショップの機能である「ギフト設定」を
ご利用されていない状態でございました。

つきましては、ギフト設定について参考URLをご案内いたしますので、
是非ご参照いただき、Shopサイトの運用にご活用ください。
　※画像付きで詳細を説明させていただいております

　▽マニュアル：受注管理　「受注内容を編集する」
　　※「受注内容を編集する」の受注内容編集の各種項目説明をご確認ください
　　https://shop-pro.jp/manual/sales_lst#03

　　▽マニュアル：ギフト対応で客単価をアップしましょう
　　https://shop-pro.jp/manual/gift_lst

ご案内は以上となります。

のしやラッピングは10件まで設定可能。それ以外は備考欄に希望を入力してもらうようにする。

質問

熨斗やラッピングは10件以上増やすことはできますでしょうか？

回答

カラーミーショップの仕様として、ギフト設定の各種項目につきましては、
設定画面での「表示名・手数料」は10件までとなっております。

そのため、10件以上の種類を設定しなくてはならない場合は、
該当するギフト項目設定画面の「コメント」に、一例として
『リストにな無い場合は、ご希望についてメールにてお知らせ下さい。』などの
文言をご登録していただくか、Shopサイトの「お知らせ」、商品ページの「商品説明」やフリーページなどでご利用者様に告知していただくようお願いいたします。

なお、ギフト項目の「熨斗」に関しましては、設定ページ内にある、
入力欄使用設定を「使用する」にすることで、「表示名・手数料」のリストに
『その他』の項目が追加（料金も設定可能）されます。

その際には、同じく設定ページ内にある、「コメント」に、一例として、
『リストにない場合は「その他」を選択し、
　　ご希望の熨斗の種類などについてお知らせ下さい。』などの文言を入れられます。

　▽マニュアル：ギフト対応で客単価をアップしましょう　「のし（熨斗）」
　　※「2-3．入力欄使用設定」をご参照ください
　　https://shop-pro.jp/manual/gift_lst#03

カテゴリーとグループの違い

• カテゴリー
  • 商品は一つのカテゴリーにしか属すことができません

• グループ
  • グループは twitter や Instagram でのハッシュタグと同じようなものになります
  • 商品は複数のグループに属すことができます

商品に対してはカテゴリーは必ず1つ選択しなければならないし、ひとつのみ紐づけられる

カテゴリーはカテゴリー毎に非表示にすることはできるが、それでも商品はカテゴリーの一つには紐づかせる必要がある。

グループは一つの商品に複数紐づけることができる。

グループ登録にはそのグループ用に画像をアップする必要がある。

カテゴリーを削除すると紐づけした商品自体のデーターも削除されるので気を付ける。

無料体験してみるボタン

メールアドレス、パスワードいれてもらう

ショップのURLにはこちらで考えた　URLどおりにいれてもらう

このURLがショップのログインIDと同じになる
例：https://sanetsu.shp-pro.jp  ＝　sanetsu

本人確認箇所は担当者の携帯番号いれて、その番号にコードがショートメールで来るのでいれてもらう。

コードいれたら本人確認が済んでショップがたちあがる。

無料から有料へのプランの申し込みは

アカウント設定→契約お支払い→契約お支払いボタン→プランや期間やクレカ情報をいれる。

サンエツ

カテゴリーと違う分類で商品分けを設定することが可能です。ショップページの「グループから探す」に反映されます。
+ 作成 をクリックして、グループを作成します。グループ作成後、  追加 をクリックして、グループに商品を登録します。

https://shop-pro.jp/manual/group_lst

「グループ」は、仮想的に商品を分類するための機能です。
商品を直接登録する「カテゴリー管理」と違い、商品の関連付けだけが行われるため、 一つの商品を複数のグループに登録することが可能となります。

• グループを削除しても、元となる商品は削除されません。
• 元となる商品が削除された場合には、商品への関連付けが無効となるため、グループからも商品は削除されます。
• グループを「表示しない」に設定した場合でも、グループ内の商品はカテゴリーや検索結果などに表示されます。
• グループを「表示しない」に設定した場合、グループページのURLを直接表示しても、商品一覧は表示されません。
• グループへの商品登録数に制限はありませんが、一つのグループに同一商品を複数登録することはできません。
• 親グループの商品一覧ページには、子グループの商品も含めて表示されます。
  • ※「大カテゴリ表示設定」の設定内容は反映されません。

.catNAME {font-family: ‘Noto Serif JP’, serif;
font-weight: normal;
font-size:190%;
color: #0080cc;
margin-bottom: 25px;
padding-top:25px;}

.cat_container1 {padding:5px;
border: 1px solid #0080cc;}

.sort {}

.setsumei {text-align:left;}

.subcatItem {
background:#4030E3;
min-width: 30%;
color: #ffffff;
　box-sizing: border-box;
-webkit-box-sizing:border-box;
padding-top: 10px;
padding-bottom: 10px;
margin-right: 10px;
margin-bottom: 20px;
text-align: center;
vertical-align: middle;
border: 1px solid #666666;
}

.subcatItem a {color: #ffffff;
display:block;}

.subcatItem a:hover {color: #ffffff;}

/* 960px&#12316;1024px：タブレット横
—————————— */
@media screen and (min-width:960px) and (max-width: 1024px){

.subcatItem {
background: rgb(0,212,255);
background: linear-gradient(184deg, rgba(0,212,255,1) 0%, rgba(9,9,121,1) 100%);
width: 31%;
color: #ffffff;
　box-sizing: border-box;
-webkit-box-sizing:border-box;
padding-top: 10px;
padding-bottom: 10px;
margin-right: 10px;
margin-bottom: 20px;
text-align: center;
vertical-align: middle;
border: 1px solid #666666;
}

}

/*******************************************/
/* 668px&#12316;959px：タブレット縦
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212; */

@media screen and (min-width:668px) and (max-width:959px) {

.subcatItem {
background: rgb(0,212,255);
background: linear-gradient(184deg, rgba(0,212,255,1) 0%, rgba(9,9,121,1) 100%);
width: 31%;
color: #ffffff;
　box-sizing: border-box;
-webkit-box-sizing:border-box;
padding-top: 10px;
padding-bottom: 10px;
margin-right: 10px;
margin-bottom: 20px;
text-align: center;
vertical-align: middle;
border: 1px solid #666666;
}

}

PC～タブレットでの表示箇所

スマホでの表示箇所

メニュー内に表示される

小カテゴリー

カテゴリーの下にぶら下げることができる小さいカテゴリー。

グループは単体でのみ表示だが、小カテゴリーはカテゴリーの中にて表示させることができる。https://shop-pro.jp/manual/category_lst

設定はカテゴリー内の小カテゴリー編集からおこなう

リンクテキストだけでなく、画像も配置OK

※カテゴリー（大、小）を削除すると、カテゴリー内の全ての商品が削除されます。