概要

color: テキストの色を設定します
background-color: バリエーションセレクターボックスの背景を設定します

Upcartでは、シンプルなカスタムCSSを使って、アップセルのバリエーションセレクターに使用される色を変更できます。これは、カートの外観をブランドに合わせ、商品選択時の顧客体験を向上させる手軽な方法です。このカスタマイズは、基本的なCSSの知識を持つストアオーナーや開発者に最適です。

カスタムCSSエディターの場所

.upcart-upsell-item-variant-selector {     
  color: white !important;  
  background-color: #008060 !important;   
}

.upcart-public-component-upsell-tile__variant-row select {  
  color: white;     
  background-color: #008060;   
}

次のようなさまざまなタイプの値を使用できます:

例:

.upcart-public-component-upsell-tile__variant-row select {     
  color: #000000 !important;     
  background-color: #f3f4f6 !important;   
}

これにより、ストアのデザインに溶け込む、または注意を引くために目立つバリエーションセレクターのスタイルを作成できます。

さらなるカスタマイズには、Shopify Expert との協力をおすすめします。カートドロワーへのHTML、CSS、JavaScriptの追加をサポートしてくれます。 Shopify Expertsを見る