[戻る]
No.3831

外部カートのデフォルトCSSのスタイル変更

カイヤさん  投稿日:2019/10/24(Thu) 22:06
key


外部カート(JavaScriptバージョン)のデザインCSSですが、
外部カートを設置するページのhead内に 貼り付け用のスタイルシート (<link rel="stylesheet" href="ドメイン/c-sys-icon.css">)
を貼り付けなかった場合にも

デフォルトのデザインで表示されるのですが、この デザインCSSを指定しなかった場合の・・デフォルトデザインを変更する事は可能でしょうか。

(CSSを指定すると、結構大きなカートデザインとなってしまうので、スペースが小さい部分に、デフォルトの小さいカートデザインが丁度良いので併用しよう・・と思ったのですが
そのデフォルトのデザインでも、お気に入りと あとでみる の表示が不要なので、CSSで非表示にしたい

Re: 外部カートのデフォルトCSSのスタイル変更

おたすけマイショップさん  2019/10/25(Fri) 10:19 No.3832
key

ご認識の通り、お持ちのサイトに貼り付けるJSカートについては、貼り付け用のスタイルシート(<link>タグで提供)を使用されなかった場合はイージーマイショップにて定義するスタイルは適用されません。

貼り付けたカートタグにて展開されるカートボタンなどのHTMLコードは同じものとなりますので、そのコード内にて定義しているclassに対しスタイルを追加することで希望されるデザインにすることは可能です。

※スタイルは貼り付け先のサイトへ追加してください。

スタイルを変更する場合の各要素のclassの確認についてはブラウザの機能をご利用ください。
 GoogleChromeであれば対象の場所を右クリックして「検証」、
 InternetExplorerであれば「要素の検査」にてご確認いただけます。

尚、「お気に入り」「あとでみる」ボタンについてはclass名「bookmark_area」が充てられています。

スタイル例:「お気に入り」「あとでみる」ボタンの非表示
.bookmark_area {
display: none;
}

[スタイル追加に関するご注意]
 スタイルを非表示とした内容は視覚的には非表示となりますがHTMLコード上では表示されています。
 標準で提供する機能及び設定ではございませんので今後のバージョンアップにて上記スタイルが正常に
 適用されない(class名が変更となる)場合がございます。
 上記内容をご了承いただいた上でスタイルの追加を行ってください。

ご案内は以上です。


Re: 外部カートのデフォルトCSSのスタイル変更

カイヤさん  2019/10/26(Sat) 08:20 No.3835
key

お返事ありがとうございました。

下記の スタイルの該当クラスも教えていただけますと幸いです。

外部カートの
価格部分 税込 (税別)
自由項目1 
数量 ラベル部分 数量 数字選択部分


Re: 外部カートのデフォルトCSSのスタイル変更

おたすけマイショップさん  2019/10/28(Mon) 10:39 No.3838
key

前回案内させていただきました通り、classにつきましては今後変更される可能性があることやカートボタン等の貼り付け先にてclassの優先度が変わる可能性もございますので、基本的にはカートボタン等を貼り付けた後にご利用者様での確認いただきますようお願いいたします(classや追加するスタイルの案内については大変恐れ入りますが、サポート範囲外となります)。

前回の案内と同じとなり大変恐れ入りますが、各要素のclassの確認についてはブラウザの機能をご利用ください。
 GoogleChromeであれば対象の場所を右クリックして「検証」、
 InternetExplorerであれば「要素の検査」にてご確認いただけます。

尚、前述の通り、今後のclass名の変更やカート形式(HTML形式orJavascript形式)、商品の登録方法(種類のあり・なしやオーダーメイド商品など)により異なりますがご質問の中で商品の登録方法が異なっても共通となるclassを以下に案内いたします。
※基本的にご質問内容はJavascript形式のカートにて表示される内容でございますのでJavascript形式を前提とした案内となります。

価格(数値の部分):normal_price_val item_price_val
 ↑商品の登録方法(種類のあり・なしやオーダーメイド商品など)により、異なりますので事前に
  ご確認いただくことをお勧めいたします。

自由項目1:item_attribute_1

数量(数量の入力・選択を含む全体):item_count

数量タイトル(「数量」の部分):item_price_ttl item_count_ttl


スタイルを追加した変更については大変恐れ入りますが、基本的に標準機能とは異なりますので、追加するスタイルの作成方法や適用できない場合の確認等はサポート範囲外となりますのでご利用者様にてclass名など確認いただきますようお願いいたします。

この様な回答となり大変恐れ入りますが何卒ご理解の程よろしくお願いいたします



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

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