割引タグ要素

割引タグ要素について

その 割引タグ の子要素です 製品モジュール GemPagesで使用できます。主な機能は、商品に適用された割引率（％）または金額（例：10ドル割引）を表示することです。これは、セールや期間限定のオファーを実施している店舗や、値下げを視覚的に表示する際に特に便利です。

一般的な使用例:

• セール価格の横に%オフを表示
• 商品リストで割引を強調表示
• ランディングページやコレクションページに割引情報を表示する

ページに割引タグ要素を追加するにはどうすればいいですか?

商品モジュールの一部なので、割引タグを配置する必要があります。 モジュール内 正しく機能するために。

推奨されるセットアップ: 商品価格と比較価格を表示

GemPages Editor v7 を使用してページに割引タグ要素を追加するには、次の手順に従います。

ステップ 1： の中に GemPagesダッシュボード作業するページを選択し、エディタに入ります。 製品モジュールページにドラッグ アンド ドロップします。 

ステップ 2: 希望する場所に行要素を配置し、3つの列に分割します。 列幅、「選択コンテンツに合わせるに設立された地域オフィスに加えて、さらにローカルカスタマーサポートを提供できるようになります。」

ステップ 3: 最初の列に製品価格を配置し、2 番目の列に比較価格を配置します。割引タグは最後の列に配置する必要があります。 

割引タグ要素をクリックすると、左側のサイドバーに設定構成が表示されます。これは 2 つの主要なタブで構成されています。 設定 and 高機能. 

設定タブを構成する

タイプ – コンテンツ

商品の節約額または節約率を表示するかを選択できます。 コンテンツ セクションで、紹介したいタグを入力します。

通貨はあなたの Shopify管理者フォーマットを変更したい場合は、 Shopify管理 > 設定.

テキスト

形式: 利用可能な事前定義されたスタイルからテキストのスタイルを選択します。

フォント: ドロップダウンメニューからテキストラベルのフォントを選択します。他のフォントを使用する場合は、 カスタムフォント こちらをクリックしてください。

サイズ: 好みのフォントサイズを決定します。

色圏: パレットから色を選択するか、色の 16 進コードを入力します。 

以下を行うには、 「もっと見る」 ボタンをクリックすると、さらにカスタマイズ オプションが表示されます。 

フォントの太さ: ドロップダウン メニューから希望のフォント ウェイトを選択します。

行の高さ: パーセンテージ値を指定してテキストの高さを調整します。

文字間隔: ピクセル単位で値を入力して文字間の間隔を変更します。

テキスト変換: 必要に応じてテキストを大文字、小文字、または大文字に変換します。

背景色

パレットから色を選択するか、割引タグの背景色の 16 進カラーコードを入力します。 

ボーダー

ボーダー: 境界線の色、スタイル、位置を選択して、タグの境界線の外観を定義します。

コーナー: 希望する境界曲率を得るには、指定されたボックスに希望の値を入力します。

サイズ

ドロップダウンからサイズを選択するか、3 つのドットのボタンをクリックしてタグのサイズをカスタマイズします。

整列

このパラメータを使用すると、ページ上での要素の配置方法を決定できます。選択できるオプションは、左揃え、中央揃え、右揃えの 3 つです。

詳細タブを設定する

より高度なカスタマイズについては、 詳細設定タブ の指示に従います。 この記事.

よくあるご質問

1. 割引タグが表示されないのはなぜですか?

確認する：

• 割引タグが貼られています 内部 製品モジュール
• この製品には、 価格 と 比較価格 Shopifyで設定します。比較対象価格が定義されていない場合、割引は計算されません。

2. 商品リストに割引タグは使えますか？

はい、割引タグをドラッグして 商品リスト コレクションやランディングページ全体で割引を表示する要素。

3. 割引の表示形式を変更できますか（例：「-10%」ではなく「10ドル節約」と表示する）？

はい。「タイプ」設定で「金額」または「パーセンテージ」を選択し、それに応じてテキストをカスタマイズしてください。

4. 割引が 0% と表示されています。どうすればいいですか?

Shopify 製品の設定を再確認してください。

• 比較価格は より高い 価格よりも.
• 割引を正しく計算するには、両方のフィールドに入力する必要があります。

5. モバイルビュー用にタグのスタイルを変更できますか?

はい、GemPages のレスポンシブ設定を使用すると、デバイスごとにサイズ、配置、または表示を調整できます。