「Concept」サポート

The Cart drawer section in Concept lets customers view and update their cart inside a slide-out drawer without leaving the current page. It can show cart items, quantity controls, discounts, cart notes, shipping rate calculator, free shipping bar, gift wrapping,...

How to Set Up Age Verification in Concept The Age verification section in Concept displays a popup that asks customers to confirm their age before continuing to browse the store. This section is added from the Overlay group, so it...

The Help drawer section in Concept lets you display support content inside a slide-out drawer on product pages. Customers can open it from the Help desk link without leaving the product page. The Help drawer is hidden by default. It...

The Inventory status block allows you to display stock information on product pages. It helps customers understand whether a selected variant is in stock, low in stock, sold out, available for continued selling, or expected to be restocked. In Concept,...

Introduction The Product bundle block (also called Popular upgrades on our demos) is a customizable feature under the Product information section on product pages. It allows merchants to showcase and sell multiple related products as curated sets, enhancing upselling opportunities. This...

Whenever you Enable color swatches, Concept theme give you two options for displaying Color swatches: Custom image and Variant image. Please review the table below to comprehend this article more easily. Color swatch displaying Disable color swatches Custom images Variant images...

The Featured product section lets you highlight one product on any page, such as the homepage or a landing page. It displays product media, product information, variant options, price, buy buttons, and other product blocks in a compact product-page style...

In Concept, you can offer a Gift wrapping service directly in the cart. The gift wrapping option can appear in both the Cart drawer and the Cart page, depending on your cart settings and storefront layout. Since the version 5.0.0,...

Since Concept v4.0.0, the theme includes a Product bundle block. On our demos, this block may also be called Popular upgrades. The Product bundle block is available inside the Product information section on product pages. It allows merchants to display...

Color swatches help customers see product color options visually instead of reading color names only. In Concept, color swatches can be used in multiple places: Product page variant picker Product cards on collection, search, featured collection, recommendations, and recently viewed...

Product images are usually displayed as clean product-only images on collection and search result pages. However, in some cases, you may want customers to see how a product looks on a model or in a lifestyle image without replacing the...

Since Version 5.0.0, Concept includes the Product Comparison section. The Product Comparison section helps you display multiple products side by side in a comparison table. It is useful when you want customers to compare product features, specifications, availability, prices, and...

Shopify では商品オプションに写真を追加できるため、顧客は各選択肢がどのようなものかを確認できます。ただし、Shopify の規制により、1 つのオプション値に 1 つの画像のみを関連付けることができます。そこで問題は、複数の画像を 1 つのオプションに関連付けるにはどうすればよいでしょうか? Conceptに答えがあり、 1 つのオプション値に対して特定の画像を指定できます。この機能は特に色のオプションに適していますが、他の目的にも完全に使用できます。 このページでは要件オプションを選択してください画像のALTタグを編集する独自の代替テキストを設定 (または保持)要件この記事は、 Conceptテーマでのセットアップについて説明します。バリアントを選択した後は、[他のバリアントのメディアを非表示にする]をオフにする必要があります。このオプションは、ネイティブの Shopify 動作と互換性があり、1 つの画像のみを 1 つのオプション値に関連付けます。 Conceptでは、このオプションは次のセクションで使用できます。注目の製品セクション。製品情報セクション (製品ページ内)必要なオプションを選択してください管理画面で製品を確認し、画像を分類するオプションを選択します。以下の例では、 Color を選択することにしました。 Flow Harmony製品には、ゴールド トーン、ブラック、チェスナット、ネイビー、クリムゾン シャドウの色があり、ユーザーがオプションを選択したときにのみそれぞれの画像を表示したいと考えています。 画像のALTタグを編集するalt タグを編集して、画像が属する「オプション名とオプション値」を指定する必要があります。画像にカーソルを置き、6 つの点のボタンをクリックして画像の情報を開きます代替テキストを入力します。選択したオプション名とオプション値を組み合わせて使用​​します。ここでの構文は非常に重要であり、次の順序で指定する必要があります。 # （ハッシュタグ文字） option-name (小文字、すべてのスペースをハイフンに置き換えます) _ (アンダースコア文字) option-value (小文字、すべてのスペースをハイフンに置き換えます)たとえば、 [カラー]オプションを選択し、画像をゴールド トーンカラーに関連付けたい場合、代替テキストは#color_gold-toneにする必要があります。...

The Scrollspy Navigation (Scrollspy) section creates a sticky navigation bar that helps visitors quickly jump to different parts of your page. As users scroll down, the navigation automatically highlights which section they're currently viewing. This section is perfect for: Long...

製品情報セクションの下にアイコン付きのカスタム テキスト ブロックを追加して、配送、保証、その他のセールス ポイントを強調表示できます。 追加するブロックの数に基づいて、レイアウトが自動的に調整されます。 1 ブロック= スタンドアロン スタイル (明るい背景) 2 つ以上のブロック= グループ化されたスタイル (明るい背景 + 暗い背景)ステップバイステップの説明1.テーマエディターに移動します管理画面で、 [オンライン ストア] > [テーマ]に移動します。現在のテーマの「カスタマイズ」をクリックします2. 製品テンプレートに移動します上部のドロップダウンで[製品]を選択し、テキスト ブロックを追加する製品テンプレート (デフォルト製品など) を選択します。 3. テキストブロックを追加する 「製品情報」セクションまで下にスクロールしますテキストブロックを追加したい位置の「＋」ボタンをクリックしますブロックリストからテキストを選択します4. テキストブロックをカスタマイズする右側に、選択したブロックの設定が表示されます。アイコン: 組み込みのアイコン (トラック、ロック、タグなど) を選択します。カスタム アイコン: 必要に応じて独自のアイコンをアップロードしますテキスト: カスタム メッセージを入力します (例: 「送料無料と返品」)文字サイズ：お好みのサイズを選択してください（中を推奨） 5.さらにブロックを追加する必要に応じて、多くのテキスト ブロックを追加できます。複数追加すると、レイアウトは自動的に 2...