構成可能な製品の製品イメージを変更する


23

構成可能な製品用に選択された属性に基づいて製品イメージを変更できる方法を探していました。例えば

色オプション付きの構成可能な製品:1)赤2)緑

ユーザーが赤を選択した場合、詳細ページのメイン画像を関連製品のメイン画像に変更する必要があります。

この1つのシンプルな構成可能な製品を見ました

しかし、レビューでは、画像の変更が機能していないと言っている人もいますが、これは関連製品に基づいた価格設定のための追加機能と追加機能であり、これは私が考えていたものではありません。

あまり多くの仕事をすることなく、これがどのように達成できるかについての考えを持っている人。ありがとう。

回答:


29

質問にはタグが付けられていが、今後の参照のために、 以降を使用している場合、この機能は既に組み込まれています。画像の交換」。

この機能は、[ システム]> [構成]> [カタログ]> [構成可能なスウォッチ]で有効にできます。

製品画像の交換

次のアニメーションは、これが製品リストおよび製品詳細ページでどのように機能するかを示しています。

アニメーション

オプションラベルで定義された画像の交換

スワップ画像を設定する1つの方法は、特定のオプションラベル(たとえば、Royal Blue)に完全に一致するラベルを持つ設定可能な製品に画像をアップロードすることです。

以下は、3色の画像を含む構成可能な製品画像ギャラリー画像の例です。

オプションラベル設定

ベースイメージによって定義されたイメージの交換

スワップ画像を設定する別の方法は、設定可能な製品の各子製品にベース画像をアップロードすることです。

ベースイメージが添付されたロイヤルブルーの子製品の例を次に示します。

基本イメージ構成

ソースと完全なドキュメント: http : //docs.magento.com/m1/ce/user_guide/catalog/product-configurable-swatch.html


素敵なデモ...これは重宝します。
エディB

あなたが提案したように設定可能なスウォッチを使用していますが、問題は設定可能な製品でオプション2を選択した後に選択解除されることです。たとえば、色を選択し、正しい画像を選択してからサイズを選択すると、画像はデフォルトの「画像なし」のままになります。それを修正する方法はありますか?
KI

17

それを自分で実装するのはかなりの作業ですが、無料と商用の両方で、それを実装する多くの拡張機能があります。

簡単なグーグルが示すようにもっとたくさんありますが、それは私が第一または第二の経験に関して話すことができるすべてです。


3
提案に感謝しますが、私はmagentocommerce.com/magento-connect/catalog/product/view/id/…をインストールすることを選択しました
ravisoni

@ravisoni私はSCPを使用していますが、私にとっては完璧に機能します(Magento 1.8.1の適切なmodを使用)。どの拡張機能を使用しましたか(上記のリンクはもう拡張機能に移動しません)?
PedroKTFC

SCPを使用していますが、グリッドまたはリストビューでは、選択したフィルターに応じて画像は変更されません。色の付いたカーペットがあり、これらの色はシンプルな製品に設定されていますが、フィルターをかけるとベース画像のみが表示されます。何か案は?
カール

1

構成可能な製品のオプションのイメージを変更するには、拡張機能を試してください。 http://extensions.sashas.org/customer-experience/configurable-image-swticher.html 実際の単純な関連製品から画像を取得します。


2
この拡張機能がどのように機能し、ユーザーがどのようにショップに実装するかに関するいくつかの情報は、拡張機能に支払う価値があるかどうかを判断するのに役立ちます。
デビッドマナーズ

基本的には、製品ページのメイン画像を関連製品画像に変更します。ただし、カスタムテーマでは異なるズームおよび画像表示モジュールがあり、カスタムズームに応じてカスタマイズする必要がある場合があります。その理由はインストールオプションがあります。しかし、いつでも自分で試して、助けが必要な場合はインストールを依頼できます。
品種14年

この回答のリンクは機能しなくなりました。更新されたリンクでこれを編集する価値があります
リーマーフィー
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.