[戻る]
No.6416

JSカート 貼り付け後の枠線について

川さん  投稿日:2022/10/30(Sun) 14:11
key

お世話になります。スタンダードプランで商品一覧から、
カートボタン貼り付けコードを選択して、
JSカート(JavaScript形式で種類あり)をWebページに貼り付けてアップロードしたら、テーブルの表みたいに枠線が出ています。この枠線を非表示にしたり、色を変更するなどできるのでしょうか?
貼り付けたWebページで線を消すためのCSSなど書き方お教え頂ければと思います。
<body>内設置コードは、
<div class="ems_jscart mapping_js" data-item-code="●●●●" data-set="1"></div>となっています。

宜しくお願い致します。

Re: JSカート 貼り付け後の枠線について

おたすけマイショップさん  2022/10/31(Mon) 13:52 No.6418
key

恐れ入りますが、種類あり商品のカートボタン貼り付け時に表示される
商品の種類表のレイアウト変更機能はございませんことをご了承ください。
お手数ではございますが、カート貼り付け先で別途CSS等による指定をお願いいたします。

以下に追加するCSSの例を案内いたします。
必要に応じて枠線の太さ(2pxや4px)や色(#000000)を変更してご利用ください。
(線を非表示にする場合は太さを「0px」とするまたは「border-bottom:none;」としてください)

/* 種類あり商品の表の枠線を変更するスタイル例 */
.kind_table .grid > tbody > tr:not(.section_ttl_tr),
.kind_table .grid_regi > tbody > tr:not(.section_ttl_tr) {
border-bottom: 2px #000000 solid;
}

/* 種類あり商品の表の見出し枠線を変更するスタイル例 */
.item_kind_table thead tr{
border-bottom: 4px #000000 solid;
}

なお、弊社サポート範囲は標準で搭載している機能や設定の案内となり、
別途スタイルやCSSによる編集はサポート外となり、案内できない場合もございますことをご了承願います。

イージーマイショップで生成されるページやパーツは、各所に細かくclassを当てておりますので
店舗様でのスタイル指定などにご利用ください。
※GoogleChromeであれば対象の場所を右クリックして「検証」、MicrosoftEdgeであれば
 「開発者ツールで確認する」にてご確認いただけます。


Re: JSカート 貼り付け後の枠線について

川さん  2022/10/31(Mon) 16:40 No.6419
key

ご丁寧に教えて頂きまして有難うございます。ご参考にさせて頂きます。有難うございました。



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

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