製品数量要素とは何ですか?
その 製品数量要素 買い物客は、商品の購入数量を指定できます。プラス(+)ボタンまたはマイナス(-)ボタンをクリックして数量を増減するか、入力フィールドに手動で数値を入力することができます。
ページに商品数量要素を追加する方法
ステップ1: GemPagesでページを開く
まず、数量セレクターを追加するページに移動します。
ステップ2: 要素を見つけて追加する
エディタでは、左側のパネルの検索バーを使用して次のように入力します。 製品数量要素が表示されたら、デザイン領域の目的のセクションにドラッグ アンド ドロップします。

注意: 製品数量要素は、 製品 or 商品リスト 要素。
要素を追加したら、それをクリックして 設定パネル 左側にあります。パネルには2つのタブがあります。 設定 の三脚と 高機能.

設定タブを構成する
1. 製品の供給元
この数量セレクターを適用する商品を選択してください。これにより、選択した商品の数量が正しく更新されます。

2.ボタン
- 幅: デザインに合わせてボタンの幅を調整します。
- 背景: ボタンの単色またはグラデーション色を選択します。
- プラスアイコン: デフォルトのアイコンを選択するか、カスタムアイコンをアップロードします。
- マイナスアイコン: デフォルトのアイコンを選択するか、カスタムアイコンをアップロードします。
- アイコンの色とサイズ: ページのスタイルに合わせてアイコンの色とサイズを調整します。
- 境界線と角: 境界線のスタイルと角の半径をカスタマイズします。
- ホバー効果: ユーザーがボタンの上にマウスを移動したときに視覚効果を追加します。

3. 入力
- 背景: 入力フィールドの背景色を変更します。
- テキストスタイル: 入力テキストの 3 つの段落スタイルと 6 つの見出しスタイルから選択します。
- 仕切り: ボタンと入力フィールド間の区切り線の色と太さを設定します。
- ホバー効果: 入力フィールドにマウスを移動したときに視覚効果を適用します。

4。 サイズ
要素の幅と高さを調整します。

5. 経歴
要素の背景色を変更します。

6. 形状
要素の外側の形状を調整します。
- ボーダー
- コーナー
- Shadow

7. 表示条件
- デフォルトの数量: 数量として表示される開始番号を設定します。
- 価格を更新: 数量が変更されると合計価格が更新されます。

8. 整列
- ボタンの幅が100%の場合、配置は無効になります
- そうでない場合、デフォルトの配置オプションは左揃えになります。

詳細タブを設定する
より高度なカスタマイズについては、「詳細設定」タブに移動し、 この記事.
コメントしてくださってありがとうございます