[戻る]
No.1689

カートボタンのタグのデザイン編集

ぱっぱさん  投稿日:2015/09/02(Wed) 18:22
key

カートボタンのタグについて質問です。

JavaScriptタグを使用した際のスクリプト内のデザインを編集したいと考えています。

ボタン画像の変更やスクリプト全体へのアレンジはstyleでできますが、項目毎に行間を変えたり、ラジオボックス設定時のタイトルバーの色を変更したりなど細かな編集ができません。

デザイン設定では編集できなさそうですが、どのページを見ればよろしいですか?

Re: カートボタンのタグのデザイン編集

おたすけマイショップさん  2015/09/03(Thu) 10:21 No.1690
key

お持ちのホームページに貼り付けたカート情報(文字サイズやカラー等)は、貼り付け先のホームページのCSSにスタイルを追加していただければ、変更することができます。
(イージーマイショップ管理画面からの変更はできません)

各項目(商品名や商品コード、商品価格等)にclassを付与していますので、そのクラスに対してスタイルを追加して下さい。

例)商品コード ⇒ item_code_val
  種類    ⇒ item_kind_val
  商品名   ⇒ item_name_val
  商品価格  ⇒ item_nomal_price
  参考価格  ⇒ item_fix_price
  在庫    ⇒ item_stock_val
  数量    ⇒ item_count
  種類テーブル⇒ item_kind_table

種類テーブルのタイトルバーの背景色変更の場合、
下記のようなスタイルを追加することで設定で変更できます。

.item_kind_table thead{
  background-color: [色指定];
}

その他詳細なクラスについては、お手数ですがカートを設置したページからご確認ください。
※サイトの対象となる部分を右クリックし、「要素を検証(N)」を選択することでスクリプト展開後のhtmlを確認できます。
(GoogleChromeを使った方法です)

JavaScript形式のカートタグ展開後のhtmlについては、今後ヘルプの作成を検討致します。


Re: カートボタンのタグのデザイン編集

ぱっぱさん  2015/09/10(Thu) 20:40 No.1699
key

ご説明ありがとうございます。

数量部分を入力ではなく、選択式のドロップダウンメニューにしてユーザーの操作性を高めたいのですが、CSSの編集だけでは難しいように思います。
何か方法はありますでしょうか?


また、「JavaScript形式 」のタグを取得してページに設置後に
他の商品のカートタグをサイトの状況に合わせて「HTML形式」で
取得したのですが、その場合「JavaScript形式 」のタグを設置
した部分のレイアウトが崩れてしまいます。
商品毎に「JavaScript形式 」と「HTML形式」を使い分ける事は
できないのでしょうか?


Re: カートボタンのタグのデザイン編集

おたすけマイショップさん  2015/09/11(Fri) 10:28 No.1700
key

数量部分を入力式からドロップダウン形式にする場合は、商品情報登録(または変更)画面内にある[その他詳細情報を入力する▼]を押すと表示される[注文数制限]に制限数を入力して保存すると、入力した数値までがドロップダウン形式で表示されます。
(カートのみの利用でも同様です)

次に「JavaScript形式 」のタグを設置後に「HTML形式」のタグをを取得した場合のレイアウトが崩れる現象について、こちらでは再現ができませんでした。

ご面倒をおかけしますが、現象が起こったページのURLを教えて頂けますでしょうか?

※こちらのフォームでURLをお知らせ頂くと、公開されてしまうため、イージーマイショップのお問い合わせフォームからお知らせ下さい。
 イージーマイショップお問い合わせフォーム:https://www.easy-myshop.jp/cgi-bin/form.cgi?fc=c

以上、よろしくお願い致します。


Re: カートボタンのタグのデザイン編集

ぱっぱさん  2015/09/15(Tue) 18:05 No.1701
key

回答ありがとうございました。
ドロップダウン形式にできるようになり解決いたしました。

カートタグの形式の違いでレイアウトが崩れるという件については、ブラウザのキャッシュのせいか、私の勘違いのようです。
現在は正常に表示されております。お手数おかけいたしました。



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

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