Farbvarianten im Produktraster laden keine Bilder aus den Varianten.

[Dino003]

Systemumgebung:
Theme: Woodmart (neueste Version/Patcher installiert)
Builder: WPBakery Page Builder
Cache: WP Fastest Cache (während der Tests geleert)
PHP-Version: 8.x

Problembeschreibung: Die Funktion „Bilder aus Produktvarianten verwenden“ für Farbmuster funktioniert auf der Einzelproduktseite einwandfrei, jedoch nicht im Produktarchiv/Produktraster, insbesondere bei Produkten mit mehreren Attributen (z. B. Farbe + Größe).

Beobachtetes Verhalten:

Produkt A (einfache Struktur): Das Bild der Variante im Produktraster wird korrekt geladen.

Produkt B (komplexe Struktur – Farbe + Größe): Im Raster wird das globale Vorschaubild/Platzhalterbild anstelle des Bildes der jeweiligen Variante angezeigt.

Interaktion: Beim Klicken auf das Farbfeld im Raster wird das Hauptproduktbild korrekt durch das Farbfeld der Variante ersetzt, der Farbfeldkreis selbst bleibt jedoch als Platzhalterbild erhalten.

Attributeinstellungen: Es wird das globale Attribut „Farbe“ verwendet. „Text-Farbfeld“ ist deaktiviert. Für den Attributbegriff ist ein Platzhalterbild festgelegt, um den Modus „Bild-Farbfeld“ zu aktivieren (ansonsten wird ein Dropdown-Menü angezeigt).

Bisher unternommene Schritte zur Problembehebung (ohne Erfolg):

Theme-Einstellungen: „Bilder aus Produktvarianten verwenden“ ist aktiviert.

Theme-Einstellungen: „Anzuzeigendes Raster-Farbfeldattribut“ ist auf das korrekte Attribut (pa_produktfarbe) eingestellt.

Produkteinstellungen: „Raster-Farbfeldattribut“ wurde manuell in den Woodmart-Optionen des Produkts festgelegt.

AJAX-Schwellenwert: Auf 500 erhöht (keine Änderung).

Performance: „Zusätzliche Variantenbilder“ ist deaktiviert. „Farbfeld-Cache“ (falls zutreffend) geleert.

Daten: Jeder einzelnen Variante (Kombination aus Farbe und Größe) ist ein Bild zugewiesen.

Standardwerte im Formular: Legen Sie eine Standardvariante für das Produkt fest (keine Änderung).

Die zentrale Supportfrage: Warum kann die Logik von Grid/Archiv das Variantenbild für den Farbmusterkreis nicht auflösen, wenn ein zweites Attribut (Größe) vorhanden ist, obwohl der Hauptbildwechsel (per Klick) einwandfrei funktioniert? Anscheinend verwendet das Grid-Skript standardmäßig das Platzhalterbild, anstatt das erste verfügbare Variantenbild zu suchen, wenn das Produkt als „komplex“ eingestuft wird.

Anmerkung: Die Einzelseite ist korrekt, aber im Archivraster wird im Farbmusterkreis das Platzhalterbild anstelle des Variantenbildes angezeigt.

• This topic was modified 1 month, 2 weeks ago by Dino003.

Attachments:

You must be logged in to view attached files.

Hello,

Please deactivate all the 3rd party plugins and activate only theme-required plugins on the site and then check the issue. I am sure your issue will be solved. Then, activate the 3rd party plugins one by one and check which plugin is creating the issue for you.

Otherwise, if the issue still exists, then keep the 3rd party plugins deactivated and let me know so I will check and give you a possible solution. Also, please give me site access as an administrative role so I can check and give you a possible solution.

Best Regards

Hallo,

vielen Dank, dass Sie sich das Problem anschauen. Ich habe die Benutzerrolle nun auf Administrator geändert.

Viele Grüße
Andreas Hoffmann

Hello,

You are using image swatch in the product > Attributes > Farbe terms that is why it is showing image swatch in the product grid.

Enable the “Use images from product variations” in Theme Settings > Shop > Variable products: https://postimg.cc/4K0cgmGy

Define the image for the variation in the settings of the product: https://postimg.cc/phYnnkj7

Enable the “Text swatch” for the attributes: https://postimg.cc/H8dXSFHw

Navigate to Theme Settings > Shop > Variable products > set them as “Grid swatch attribute to display”: https://postimg.cc/FfxThbRd

When this option is enabled, the swatches will automatically use the images assigned to product variations.

For more details, please review these helpful guides:https://xtemos.com/docs-topic/variable-products-and-swatches/, https://xtemos.com/docs-topic/attribute-swatches/, https://shrturl.app/ju1iWc

Best Regards

Hello,

Thank you for the instructions. I have followed your 4 steps exactly:

I removed all global image swatches from the attribute terms (F01 – F262).

I enabled “Text swatch” for the color attribute.

“Use images from product variations” and “Grid swatch attribute” are both enabled in the Theme Settings.

Here is the result in the product grid now:

Product 1 (Schlupfhemd – Color only): Works perfectly! The text swatch is automatically replaced by the variation image.

Product 2 (Baby Body – Color + Size): Fails. It only displays the plain text (e.g., F240, F262) as a text swatch. It does NOT pull the images from the variations, even though every single variation has an image assigned.

Since you already have admin access to my site, could you please check why the grid logic fails to replace the text swatch with the variation image on Product 2 (the one with multiple attributes)?

Best regards
Andreas Hoffmann

Attachments:

You must be logged in to view attached files.

Hello,

This issue is related to how Quick Shop handles variation data in the product grid.

When “Quick Shop for variable products” is enabled, the grid does not fully load all variation combinations. As a result, with products that have multiple attributes (e.g. color + size), the system cannot correctly resolve and render the variation image inside swatches.

Recommended fix:
– Either disable Quick Shop for variable products, or
– Change Quick Shop type to “Select options.”

With these settings, the variation data is loaded properly and the swatch images will display correctly in the product grid.

Best Regards

Hello,

I have followed your instructions: “Quick Shop” is disabled globally, the button is gone. However, the issue remains:

Working: Products with only one attribute (e.g., my “Schlupfhemd”) show the correct variation images in the grid swatches.

Failing: Products with multiple attributes (e.g., “Baby Body” or my newly created test product) do not display the variation images. They only display the text swatch, even though every variation has an image assigned.

I have even created a brand-new test product from scratch to rule out any database errors. The result is the same: as soon as a second attribute (Size) is added, the grid logic fails to resolve the variation image.

Since you have administrative access to my site, could you please log in and investigate why the grid logic fails to map the variation image as soon as there is more than one attribute present? It seems to be a bug in the grid rendering logic for complex products.

Thank you for your assistance.

Best regards

Hello,

I am not referring to the Quick View icon/button on the product card.

Please navigate to Theme Settings > Shop > Variable Products > “Quick shop” for variable products.

See Screenshot for better understanding: https://postimg.cc/vDc9c3gv

Best Regards

Hello,

That is a pity. Although this wasn’t the solution I was hoping for, I believe it is the best approach to ensure optimal performance for my shop.

Thank you very much for the information.

Best regards

Hello,

Thank you for your feedback — glad the explanation helped clarify the behavior.

If you have any further questions or need help fine-tuning the setup, feel free to reach out.

Best Regards

Hello,

I have run into a strange new issue regarding the variation swatches, but this time it is happening on the Single Product Page of a newly created product, while it works fine in the product grid.

The Problem:
On this specific product page, the color swatches do not display the variation images. Instead, they only show empty text/color boxes. However, on the Product Archive / Grid page, the swatches for this exact product load the variation images perfectly.

Affected Product:

URL: https://minimango.de/produkt/cosilana-kinder-leggings-aus-merinowolle-und-seide/

This product has 9 colors and 4 sizes (36 variations in total).

What I have already checked and tested:

On my other products, the swatches on the single product page work perfectly. The settings are identical.

I tested re-uploading the image for an individual variation to rule out a broken media ID, but it didn’t fix the swatch display.

I checked the Woodmart product settings at the bottom of the page, and the configuration matches my working products.

Clearing the cache and saving the permalinks did not resolve the issue.

Since you still have administrator access to my site, could you please inspect this specific product? It seems like Woodmart’s single product page template is failing to pull the variation image data for this specific product ID, even though the grid template manages to do so.

Thank you for your help!

Hello,

Your issue has been resolved. I have increased the AJAX variation threshold value under Theme Settings > Shop > Variable products, check back your site and check the issue.

Best Regards

[Author]

Posts