Embedded Files
RuffRuff 購入特典のデモ商品はこちら▶
本ページでは、商品カードバッジの仕様について説明します。
商品カードバッジとは
商品カードバッジとは
商品カードバッジは、商品一覧に開催中のキャンペーンをバッジ形式で表示できる機能です。
コレクションページやレコメンド商品一覧など、あらゆる商品一覧上に「SALE」「10%OFF」「ギフトあり」などのキャンペーン情報の訴求に役立ちます。
仕様
仕様
表示場所: 商品一覧の商品画像上
表示タイミング: キャンペーン開催期間中のみ
最大表示数: 10件
テキスト上限: 最大10文字
表示位置: 4方向（左上・左下・右上・右下）
対象商品: コレクションまたは商品のみ指定可能
商品カードバッジを表示する方法
商品カードバッジを表示する方法
ステップ1. 埋め込みアプリを有効化する
ステップ1. 埋め込みアプリを有効化する
商品カードバッジの表示には埋め込みアプリが有効化されている必要があります。既に有効化している場合は、ステップ2へお進みください。
(1) アプリTOPページの設定ガイドより「テーマでアプリを有効にする」をクリック
(2) セレクトボックスよりアプリを導入したいShopifyテーマを選択
(3) 「アプリを有効にする」をクリック
(4) テーマエディタの画面左にある「RuffRuff 購入特典」を有効化
(5) 画面右上の「保存する」をクリック
ステップ2. 商品カードバッジを設定する
ステップ2. 商品カードバッジを設定する
(1) ディスカウントキャンペーン（または、ギフトキャンペーン）を開く
(2) 「表示設定」をクリック
(3) 「商品カードにバッジを表示する」を有効にする
(4) 対象商品に商品カードバッジを表示したい商品（または、コレクション）を指定
(5) バッジの形状を選択
(6) 期間中のバッジテキストを入力
(6) 表示条件に、商品カードバッジを表示させたい条件を設定
(7) 「保存」をクリック
商品カードバッジの表示位置をカスタマイズする
商品カードバッジの表示位置をカスタマイズする
(1) 「設定 > オンラインストア（テーマ拡張）」の順に遷移
(2) 「商品カードバッジ」セクションより、表示位置や間隔、文字サイズを調整
(3) 保存をクリック
翻訳する方法
翻訳する方法
商品カードバッジを翻訳する
商品カードバッジを翻訳する
バッジはアプリの各キャンペーン内より翻訳データを設定できます。
（手順）
(1)ディスカウントキャンペーン（または、ギフトキャンペーン）を開く
(2) 表示設定ページを開く
(3) 言語セレクタから翻訳したい言語を選択
(4) 各文言に翻訳データを入力
(5)「保存」をクリック
Report abuse