FROM CACHE - de_header

Varianten Bilder ausblenden

Gelöst

Varianten Bilder ausblenden

PrintMyFace
Besucher
2 0 0

Hallo!

Ich habe bei einem meiner Produkte 60 Varianten, da ich nicht will dass alle 60 verschiedenen Bilder bei mir im Shop angezeigt werden wollte ich mich informieren, ob ich die inaktiven Variantenbilder ausblenden kann und nur die im Dropdown Menü ausgewählte Variante anzeigen lassen kann. Bildschirmfoto 2020-04-12 um 13.24.07.pngBildschirmfoto 2020-04-12 um 13.24.51.png

2 AKZEPTIERTE LÖSUNGEN

Gabe
Shopify Staff
18475 2897 4264

Erfolg.

Hey @PrintMyFace 

 

Gabe aus Shopify hier! Wenn das ein Shopify Theme ist, dann schicke uns doch ein Ticket und ggf. können wir das machen als Teil deines Design Time Richtlinie! Schicke uns ein Ticket auf Englisch bitte um einen schnellen Support zu bekommen.

 

VG

Gabe

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

Lösung in ursprünglichem Beitrag anzeigen

Gabe
Shopify Staff
18475 2897 4264

Erfolg.

Hi Tim! @timdraut 

Gut danke für die Angaben und da du ein drittanbieter Theme aus unserem Theme Store verwendest, lass uns mal hier weiter nach Lösungen suchen. Die 60-Min Shopify Design Time sind derzeit nur für die Free Themes erhältlich. Nicht vergessen, wenn du deine Shop URL hier postest kann ich gerne mal ein Blick reinwerfen und Tipps abgeben.

Mit dem Design Time kann unser Team z. B. so was wie den folgenden Checkbox zum Theme Editor für die Product Page hinzufügen:

image.png

Wie oben dargestellt kann man im Produkt-Seiten-Abschnitt des Editors so ein Feature einbauen. Das kann auch ein Experte für dich gerne machen. Ein typischer Code hier wäre etwas wie:

Spoiler
 {% comment %}
    Get first variant in stock, or deep linked one
  {% endcomment %}
  {% assign current_variant = product.selected_or_first_available_variant %}
  {%- assign featured_image = current_variant.featured_image | default: product.featured_image -%}

  <div class="grid product-single">

    <div class="grid__item medium-up--one-half">
      {% for image in product.images %}
        {% capture img_id %}ProductImage-{{ image.id }}{% endcapture %}
        {% capture wrapper_id %}ProductImageWrapper-{{ image.id }}{% endcapture %}
        {%- assign img_url = image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}

        {% include 'image-style' with image: image, width: 720, height: 600, small_style: true, wrapper_id: wrapper_id, img_id: img_id %}

        <div id="{{ wrapper_id }}" class="product-single__featured-image-wrapper supports-js{% unless featured_image == image %} hidden{% endunless %}" data-image-id="{{ image.id }}">
          <div class="product-single__photos" data-image-id="{{ image.id }}" style="padding-top:{{ 1 | divided_by: image.aspect_ratio | times: 100}}%;">
            <img id="{{ img_id }}"
                 class="product-single__photo lazyload{% unless featured_image == image %} lazypreload{% endunless %}{% if section.settings.product_image_zoom_type == 'lightbox' %} lightbox{% endif %}"
                 {% if section.settings.product_image_zoom_type == 'zoom-in' %} data-zoom="{{ image | img_url: '1024x1024' }}"{% endif %}
                 src="{{ image | img_url: '200x200' }}"
                 data-src="{{ img_url }}"
                 data-widths="[180, 360, 470, 600, 750, 940, 1080, 1296, 1512, 1728, 2048]"
                 data-aspectratio="{{ image.aspect_ratio }}"
                 data-sizes="auto"
                 alt="{{ image.alt | escape }}">
          </div>
          {% if product.compare_at_price_max > product.price %}
            <span class="badge badge--sale"><span>{{ 'products.product.on_sale' | t }}</span></span>
          {% endif %}
        </div>
      {% endfor %}

Dann ist hier die IF Statement die verwendet werden kann:

Spoiler
{% if product.images.size > 1 and section.settings.show_thumbnails %}
        <ul class="product-single__thumbnails grid grid--uniform" id="ProductThumbs">

          {% case product.images.size %}
            {% when 2 %}
              {% assign thumbnail_width = 'small--one-half medium-up--push-one-sixth medium-up--one-third' %}
            {% when 4 %}
              {% assign thumbnail_width = 'small--one-half medium-up--one-quarter' %}
            {% else %}
              {% assign thumbnail_width = 'small--one-third medium-up--one-third' %}
          {% endcase %}

          {% for image in product.images %}
            <li class="grid__item {{ thumbnail_width }}">
              <a href="{{ image.src | img_url: 'grande' }}" class="product-single__thumbnail" data-image-id="{{ image.id }}">
                <img src="{{ image.src | img_url: 'compact' }}" alt="{{ image.alt | escape }}">
              </a>
            </li>
          {% endfor %}

Als zusätzliche Anmerkung: Das primäre Bild wird immer noch auf das relevante Bild aktualisiert, wenn eine Variante aus dem Dropdown ausgewählt wird!

An erster Stelle wollte ich fragen, ob du noch mit dem Experten Thomas ( @tewe ) in Kontakt bist? Ggf. kann dieser helfen eine Programmierung in das Theme zu coden.

Dann habe ich eine App gefunden (für ca. €6/Monat) die u. a. da folgende ermöglicht und sehr gute Bewertungen bekommt:

image.png

Wäre das ein Ansatz? Dann habe ich ein paar Code-Beispiele gefunden die vielleicht etwas getweakt werden sollten für dein drittanbieter Theme (aber bitte in einer Theme Kopie immer zuerst testen). Der Folgende Code im theme.scss kann die Varianten Bilder verstecken:

.product-single__thumbnails {   display: none;}

 Dann kann man die Variable image.attached_to_variant verwenden. Das Code kann man im product-template.liquid ggf. finden und dann die Bedingung in der Variantenschleife prüfen.

{% unless image.attached_to_variant? %}
//your thumb image code goes here 
{% endunless %}

Suche einfach nach{% for image in product.images %}

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

Lösung in ursprünglichem Beitrag anzeigen

30 ANTWORTEN 30

Gabe
Shopify Staff
18475 2897 4264

Erfolg.

Hey @PrintMyFace 

 

Gabe aus Shopify hier! Wenn das ein Shopify Theme ist, dann schicke uns doch ein Ticket und ggf. können wir das machen als Teil deines Design Time Richtlinie! Schicke uns ein Ticket auf Englisch bitte um einen schnellen Support zu bekommen.

 

VG

Gabe

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

hectus
Besucher
3 0 0

Bitte den Lösungsweg posten

juliaan
Besucher
1 0 0

Hallo, habe das gleiche Problem. 

Wie lautet der Lösungsweg?

LG Julian

Gabe
Shopify Staff
18475 2897 4264

@Guido_Michele 

Hättest du einen Tipp zum Thema nicht-essentielle Variantenbilder ausblenden auf der Produktseite?

Gabe

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

SketchShirts
Tourist
4 0 4

Wir haben auch das Problem. Gibt es schon eine direkte Lösung?

Gabe
Shopify Staff
18475 2897 4264

@SketchShirts @UMOI 

Keine panik Jungs, haha, denn wo es ein Wille gibt gibt es ein Weg. Nichts ist unmöglich wie man so schön sagt : )

Das kann man im Code machen (ich bin weiss Gott kein Experte) aber bevor man irgendeinen Code bearbeitet, würde ich empfehlen, zuerst ein Duplikat des Themes zu erstellen. Dann ein Beispiel ist es in der 'theme.scss.liquid' folgendes in einer neuen leeren Zeile einzufügen und zu speichern:

 

.product-thumb--slider {display:none}
.flickity-page-dots {display:none !important}

 

Oder hier -> das n+3 zeigt 2 Bilder, oder du kannst zu n+4 wechseln, wenn du z.B. 3 Bilder zeigen willst usw.

 

.product-thumb--cell:nth-of-type(n+3) {display:none}
.flickity-page-dots {display:none !important}

 

Ggf. geht das auch indem du eine alternative Produkt Vorlage erstellst:

Ansonsten eine App wie diese hier oder diese hier oder eben einen FED (frontend dev) anheuern wie Taskhusky oder HeyCarson. Die leisten super Arbeit

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

SketchShirts
Tourist
4 0 4

Hallo Gabe,

erstmal vielen Dank für deine schnelle Rückmeldung.

Egal wo ich

.product-thumb--slider {display:none}
.flickity-page-dots {display:none !important}

einfüge in 'theme.scss.liquid' die Bilder von den Varianten werden immer noch beim Artikel angezeigt?

 

Gruß

Henry

 

Gabe
Shopify Staff
18475 2897 4264

@SketchShirts 

Das in der Theme Kopie? Ja, wenn das ein Shopify Theme ist dann schicke doch ein Ticket rein und wir können das als Teil deines 60-Min Design Time machen.

Lass mich dann hier die Ticket Nr. wissen.

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

SketchShirts
Tourist
4 0 4

Danke für die Antwort.

 

Das Ticket ist erstellt und hat dir Nummer: 19635260

 

mfg

Henry Wendland 

Gabe
Shopify Staff
18475 2897 4264

Hi Henry! @SketchShirts 

Super Shop! Kannst du mir bitte ein konkretes Beispiel schicken bzgl. wie du die Varianten Bilder haben möchtest hier in diesem Leitfaden oder im Ticket und zwar mit folgenden Angaben:

  • Istwert des derzeitigen Systemverhalten mit screenshot und genaue Beschreibung anhand eines konkreten Beispiel Produktes und Link.
  • Sollwert deines erwarteten Systemverhalten mit screenshot oder Mock-up/Wireframe und genaue Beschreibung (wie oben).

Dafür empfehle ich das gratis Tool monosnap.com

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

Gabe
Shopify Staff
18475 2897 4264

Super Henry @SketchShirts, habe es erhalten. Gib unser Theme Team 24std. um zu prüfen was alles möglich ist.

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

Gabe
Shopify Staff
18475 2897 4264

@SketchShirts 

Willst du dass nur das Hauptbild angezeigt wird und ALLE Variantenbilder Thumbnails unterhalb dem Hauptbild komplett entfernt werden? In diesem Leitfaden (siehe ersten Beitrag ganz oben) ist die Rede davon, dass nicht alle Bilder angezeigt werden, bzw. nur die inaktiven Variantenbilder ausgeblendet werden.

Beispiel: nur bestimmte Variantenbilder werden angezeigt, wie z. B. T-Shirt Farbe = grey / Druckfarbe = X, Y, Z

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

SketchShirts
Tourist
4 0 4

Hallo Gabe,

 

wenn ich jetzt z.b. T-Shirt Farbe: Sand auswähle, ändert sich ja das Hauptbild in dem Bild was ich bei der Variante Sand hinterlegt habe. Dennoch wird das Variantenbild in klein unter dem großen Bild angezeigt. Wenn ich nachher über 100 Varianten hätte, würden unter dem großem Bild 100 kleine Bilder zu sehen sein. Die kleinen Bilder möchte ich einfach weg haben. Es reicht ja wenn die Variante dann in groß angezeigt wird 🙂

 

Gruß

Henry

JansenFiets
Tourist
3 0 2

Hallo Gabe, 

 

Wir benutzten das dawn Theme und wollen auch nur die Variantenbilder anzeigen lassen. mit dem Alt text und dem code einfügen hat das nicht geklappt weil, ich 'theme.scss.liquid´ nicht finden kann. wir wollen pro variante 5 bilder anzeigen lassen. 

 

Ticket nr.  30531659

 

kannst du uns bitte Weiter helfen ? 

 

Vielen Dank 

SILICASE
Besucher
1 0 0

Hallo Gabe,

wie genau funktioniert denn das Verbergen der Variantenfotos in der Produktübersicht.

Ich würde mich riesig über eine Rückmeldung freuen.

Liebe Grüße

Nicolas Richter

Gabe
Shopify Staff
18475 2897 4264

Hey @SILICASE 

Wenn ich das bloß wüßte was da alles "unter der Haube" passiert, haha. Aber ja, beim verbergen der "Thumbnails" müssen einige komplexe Code Skripte laufen die über verschiedene liquid Dateien agieren und auch im CSS sieht es ziemlich kompliziert aus.

Vielleicht können diese zwei Developer Anleitungen etwas Licht auf die ganze "Mechanik" werfen, wie z. B. Nr. 5 & 6:

  1. Find a variant ID
  2. Get customers to choose an option
  3. Hide sold-out variants
  4. Localize your product prices for search engines
  5. Show featured image until a variant is selected
  6. Select variants by clicking their images
  7. Use products with multiple options
  8. Add pickup availability to product pages
Lass wissen, wenn du weitere Fragen hast zum obigen Thema oder generell zu deinem Shop und Business, indem du direkt auf dieses Message antwortest.

VG,

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

Guido_Michele
Shopify Partner
93 25 75

Angenommen, dass die Variante das richtige Image als featured image zugeordnet hat,

würde ich dies so angehen, dass ich Image-update bei Variantenwechsel (falls diese Funktion nicht schon aktiv ist) ermögliche (Anleitung hierzu gibt es in der Community),

die Thumbnails unter dem Image ausblenden. Dann würde immer nur das Bild der gerade gewählten Variante erscheinen. 

 

Hat die Variante mehrere Bilder, die angezeigt werde sollen, Bilder anderer Varianten jedoch nicht, müsste man dem image Alt Text des Bildes einen Marker hinzufügen, z B IMG_iPhoneXS und eine Abfrage in den code geben, welche die Variante abfragt und mit dem image Alt Eintrag vergleicht.

 

UMOI
Besucher
1 0 4

Hallo zusammen,

 

warum gibt es im Shopify dafür keine normale Funktion. Es ist doch völlig sinnlos bei Varianten Bildern anderer Varianten einzublenden. 

Das kann doch auch jedes andere Shopsystem. Verstehe die Logik dahinter nicht. 

Tina17
Shopify Partner
72 0 23

@UMOI  schrieb:

Hallo zusammen,

 

warum gibt es im Shopify dafür keine normale Funktion. Es ist doch völlig sinnlos bei Varianten Bildern anderer Varianten einzublenden. 

Das kann doch auch jedes andere Shopsystem. Verstehe die Logik dahinter nicht. 


 

 Stimmt, ist wirklich merkwürdig.

Und wieso ist denn dieser Beitrag als gelöst markiert ? Was ist denn die Lösung ?

Gift-o-the-Jab
Seefahrer
366 23 95

@Tina17 Die Antwort vom 04-13-2020 war die Lösung denk ich mal. Viele hier verlangen, dass Shopify alle gewünschten features "out-of-the-box" anbietet. Das schöne an Shopify ist, dass es nur das Fundament ist (wenn man das Baukasten Prinzip nimmt) auf dem du dein Shop selber aufbauen und gestalten kannst, so wie du es haben willst. Das können andere Plattforms nicht so gut und somit hat man bei denen viel weniger Freiheiten. Wenn man nur bestimmte Varianten Bilder anzeigen möchte dann muss man etwas Frontend Programmierung machen. Headless E-Commerce winkt mit dem Zaunpfahl...

timdraut
Tourist
15 0 1

Hi Zusammen,

ich meine zu lesen, dass Lösung 5+6 lediglich die Ansteuerung der Varianten Bilder ermöglich, nicht aber das Verbergen.

Gibt es hierzu nun eine Lösung, oder @SILICASE hast Du das customised bekommen und es ist hier nur im Post nicht mehr dokumentiert?

Danke für eine Info dazu!

Tim

Gabe
Shopify Staff
18475 2897 4264

Hey @timdraut 

Tutorials 5 und 6 sind keine finale Lösungen sondern können ggf. als Ansätze verwendet werden den Code auch anderweitig zu gestalten oder tweaken. Ansonsten haben wir ein paar Experten hier in der Community die helfen können gegen etwas Entgelt (wie @r8r oder @tewe). Taskhusky.com leistet auch eine super Arbeit.

Ggf. wenn das ein Shopify Theme ist und du auf einem bezahlten Plan dann können wir das anschauen als Teil deiner 60-Min Design Time. 

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

timdraut
Tourist
15 0 1

Hi Gabe, danke für die Tips!

Ich nutze kein direktes Shopify Theme, doch eines aus Eurem Shop.

ich bin mir nicht sicher, wofür die Design-Time gilt? Bekomme ich sie oder nicht?

Und klar - ich habe einen bezahlten Plan.

Viele Grüße

Tim

Gabe
Shopify Staff
18475 2897 4264

Erfolg.

Hi Tim! @timdraut 

Gut danke für die Angaben und da du ein drittanbieter Theme aus unserem Theme Store verwendest, lass uns mal hier weiter nach Lösungen suchen. Die 60-Min Shopify Design Time sind derzeit nur für die Free Themes erhältlich. Nicht vergessen, wenn du deine Shop URL hier postest kann ich gerne mal ein Blick reinwerfen und Tipps abgeben.

Mit dem Design Time kann unser Team z. B. so was wie den folgenden Checkbox zum Theme Editor für die Product Page hinzufügen:

image.png

Wie oben dargestellt kann man im Produkt-Seiten-Abschnitt des Editors so ein Feature einbauen. Das kann auch ein Experte für dich gerne machen. Ein typischer Code hier wäre etwas wie:

Spoiler
 {% comment %}
    Get first variant in stock, or deep linked one
  {% endcomment %}
  {% assign current_variant = product.selected_or_first_available_variant %}
  {%- assign featured_image = current_variant.featured_image | default: product.featured_image -%}

  <div class="grid product-single">

    <div class="grid__item medium-up--one-half">
      {% for image in product.images %}
        {% capture img_id %}ProductImage-{{ image.id }}{% endcapture %}
        {% capture wrapper_id %}ProductImageWrapper-{{ image.id }}{% endcapture %}
        {%- assign img_url = image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}

        {% include 'image-style' with image: image, width: 720, height: 600, small_style: true, wrapper_id: wrapper_id, img_id: img_id %}

        <div id="{{ wrapper_id }}" class="product-single__featured-image-wrapper supports-js{% unless featured_image == image %} hidden{% endunless %}" data-image-id="{{ image.id }}">
          <div class="product-single__photos" data-image-id="{{ image.id }}" style="padding-top:{{ 1 | divided_by: image.aspect_ratio | times: 100}}%;">
            <img id="{{ img_id }}"
                 class="product-single__photo lazyload{% unless featured_image == image %} lazypreload{% endunless %}{% if section.settings.product_image_zoom_type == 'lightbox' %} lightbox{% endif %}"
                 {% if section.settings.product_image_zoom_type == 'zoom-in' %} data-zoom="{{ image | img_url: '1024x1024' }}"{% endif %}
                 src="{{ image | img_url: '200x200' }}"
                 data-src="{{ img_url }}"
                 data-widths="[180, 360, 470, 600, 750, 940, 1080, 1296, 1512, 1728, 2048]"
                 data-aspectratio="{{ image.aspect_ratio }}"
                 data-sizes="auto"
                 alt="{{ image.alt | escape }}">
          </div>
          {% if product.compare_at_price_max > product.price %}
            <span class="badge badge--sale"><span>{{ 'products.product.on_sale' | t }}</span></span>
          {% endif %}
        </div>
      {% endfor %}

Dann ist hier die IF Statement die verwendet werden kann:

Spoiler
{% if product.images.size > 1 and section.settings.show_thumbnails %}
        <ul class="product-single__thumbnails grid grid--uniform" id="ProductThumbs">

          {% case product.images.size %}
            {% when 2 %}
              {% assign thumbnail_width = 'small--one-half medium-up--push-one-sixth medium-up--one-third' %}
            {% when 4 %}
              {% assign thumbnail_width = 'small--one-half medium-up--one-quarter' %}
            {% else %}
              {% assign thumbnail_width = 'small--one-third medium-up--one-third' %}
          {% endcase %}

          {% for image in product.images %}
            <li class="grid__item {{ thumbnail_width }}">
              <a href="{{ image.src | img_url: 'grande' }}" class="product-single__thumbnail" data-image-id="{{ image.id }}">
                <img src="{{ image.src | img_url: 'compact' }}" alt="{{ image.alt | escape }}">
              </a>
            </li>
          {% endfor %}

Als zusätzliche Anmerkung: Das primäre Bild wird immer noch auf das relevante Bild aktualisiert, wenn eine Variante aus dem Dropdown ausgewählt wird!

An erster Stelle wollte ich fragen, ob du noch mit dem Experten Thomas ( @tewe ) in Kontakt bist? Ggf. kann dieser helfen eine Programmierung in das Theme zu coden.

Dann habe ich eine App gefunden (für ca. €6/Monat) die u. a. da folgende ermöglicht und sehr gute Bewertungen bekommt:

image.png

Wäre das ein Ansatz? Dann habe ich ein paar Code-Beispiele gefunden die vielleicht etwas getweakt werden sollten für dein drittanbieter Theme (aber bitte in einer Theme Kopie immer zuerst testen). Der Folgende Code im theme.scss kann die Varianten Bilder verstecken:

.product-single__thumbnails {   display: none;}

 Dann kann man die Variable image.attached_to_variant verwenden. Das Code kann man im product-template.liquid ggf. finden und dann die Bedingung in der Variantenschleife prüfen.

{% unless image.attached_to_variant? %}
//your thumb image code goes here 
{% endunless %}

Suche einfach nach{% for image in product.images %}

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

wolle-holz
Tourist
10 1 2

Hi Gabe, 

wir haben das gleiche Problem und würden gerne auch so eine
 Checkbox zum Theme Editor für die Product Page hinzufügen, wo man anwählen kann, ob die Varianten-Bilder angezeigt werden, oder nicht!

Hierzu würden wir gerne die 60min Design-Time nutzen.
Wir haben dazu auch schon ein Ticket erstellt. Nummer lautet: 24640728

Bin mir jetzt nur nicht sicher, ob ich dir hier noch zusätzlich eine Nachricht schicken muss, da ich das in den vorangegangenen Nachrichten so gelesen habe.

Würde mich über eine positive Nachricht freuen!

Viele Grüße
Marc

Gabe
Shopify Staff
18475 2897 4264

Hey Marc! @wolle-holz 

Ok danke für die Angaben und meine Frage dafür wäre ob ihr eine Product Personalizer App verwendet? Wenn ja, dann ist dein Wunsch etwas, das wir nur der Standard-Produktseite hinzufügen können, aber nicht einer, die von einer App erstellt wurde. In diesem Fall, wenn du die App-Funktionen beibehalten und einen Toggle/Kippschalter/Checkbox für die Variantenbilder hinzufügen möchtest, wird das einen Experten verlangen leider.

Lass wissen und gerne können wir das Thema hier weiter besprechen!

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

wolle-holz
Tourist
10 1 2

Hi Gabe, 

danke für die schnelle Antwort. Ja, das ist richtig. Wir setzen bei jedem Artikel diese Product Personalizer App ein.

Der Toggle/Kippschalter/Checkbox ist nicht unbedingt nötig.
Für uns ist es nur wichtig, dass die Variantenbilder unter dem Hauptbild nicht angezeigt werden. Diese sind sehr störend und einfach zu viel für die Kunden. 

In der mobilen Variante zum Beispiel muss der Kunde erstmal alle Varianten durchklicken, um überhaupt mal ein Produktbild zu sehen.
Das ist sehr bescheiden. Und ich kann mir das nicht vorstellen, dass das alle Kunden machen, sondern direkt die Seite wieder schließen!

Es sollte wenn möglich nur die Variante oben angezeigt werden (also als Hauptbild), die auch vom Kunden ausgewählt wurde.

Funktioniert das trotz der App?




Gabe
Shopify Staff
18475 2897 4264

Hey @wolle-holz 

Hast du das in der Zwischenzeit lösen können?

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

wolle-holz
Tourist
10 1 2

Haben alles umsetzen können! 🙂
Also funktioniert jetzt einwandfrei!

 

Danke der Nachfrage!

Gabe
Shopify Staff
18475 2897 4264

Super freut mich!

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog