FROM CACHE - de_header
Gelöst

personalisierbare Varianten - Seite muss aktualsiert werden bei änderung

Killah_Flow123
Tourist
4 0 1

Hallo

Ich bin gerade dabei, die letzten Aufgaben für meine Kunden zu erledigen und habe eine Frage zum Quellcode.

Für personalisierte Artikel benötigt mein Kunde ein Feld, um die Personalisierung einzugeben. Dieses Feld wird über den folgenden Code eingefügt:

 

{% - Variante zuweisen = product.selected_or_first_available_variant -%}
<div id = "personal">
{% - wenn varianten.title 'anpassbar' enthält -%}
<p id = "wrap" class = "line-item-property__field">
<label for = "personalization"> Personalisierung: </ label>
<Eingabe erforderlich class = "erforderlich" id = "Personalisierung" type = "text" name = "Eigenschaften [Personalisierung]">
</ p>
{% - endif -%}
</ div>

funktioniert auch super ...

Erst wenn ich die Variante des Produkts ändere, muss ich die Seite aktualisieren, um die Änderung zu erhalten, was natürlich ärgerlich ist
Dieses Produkt ist im Test zu sehen
https: //www.geschenke-macher.de/products/2-teiliges-tranchierbesteck-wahlweise-mit-oder-gravur? _pos = ...

mit der Variante "mit gravur - personalisierbar"
Das Feld wird angezeigt
Ich wechsle zur Variante "ohne Gravur"
Das Feld verschwindet nicht automatisch, ohne die Seite zu aktualisieren

Wie kann ich tun, dass die Seite nicht aktualisiert werden muss?

 

Danke für eure Hilfe

1 AKZEPTIERTE LÖSUNG
tewe
Shopify Partner
244 46 102

Erfolg.

Läuft, aber jetzt ändert sich leider auch die Größe des Bilds. Aber ich denke, damit kann man leben.

Gruß
Thomas

• Was my reply helpful? Click Like to let me know!
• Was your question answered? Mark it as an Accepted Solution
• Check out our Price Updater App

Lösung in ursprünglichem Beitrag anzeigen

6 ANTWORTEN 6

Gabe
Shopify Staff
16357 2587 3853

Hey @Killah_Flow123 

Wow klasse Shop! Hut ab...

Ich sehe was du meinst bzgl. dem fehlenden automatischen Refresh der Page und Variante. Mein erster Gedanke ist aber der folgende: Arbeitest du im Code des Live Themes oder einer Theme Kopie?

Wenn das erstere, dann rate ich umgehend eine Theme-Kopie zu erstellen und darin im Code zu basteln und NICHT im Live Theme. Wenn etwas im Live Theme schief geht und das liquid sich komplett zerschießt dann wirst du ggf. mit einem neuen Theme wieder von vorne anfangen müssen, da das Code nicht mehr zurückversetzbar ist. Also mach doch eine Theme-Kopie (Aktionen -> Duplizieren) und dann basteln wir darin weiter.

Deine Produktseite habe ich jetzt auch getestet und folgendes war das Ergebnis: 

Ggf. können wir eine Programmierung (Javascript) einbauen, dass das genaue Verhalten zum Ziel macht das du haben möchtest wenn du uns ein Ticket hier schickst. Bitte den genauen Workflow den du brauchst darin beschreiben samt Screenshots.

Ansonsten, könnte ein unserer Experten das für dich programmieren gegen ein kleines Entgeld, wie @r8r oder @tewe oder taskhusky.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

tewe
Shopify Partner
244 46 102

Hallo @Killah_Flow123 ,

das ist vermutlich wirklich nur eine Kleinigkeit. Wenn Du mir eine persönliche Nachricht schickst, dann kann ich Dir wahrscheinlich gleich helfen.

Gruß
Thomas

• Was my reply helpful? Click Like to let me know!
• Was your question answered? Mark it as an Accepted Solution
• Check out our Price Updater App
tewe
Shopify Partner
244 46 102

Hallo Killah_Flow, @Killah_Flow123 

ich habe die Datei product-template.liquid bis jetzt nicht sehen können, glaube aber trotzdem die Lösung zu haben.

Bitte nehme folgende Änderungen in der Datei product-template.liquid vor :

1. Ergänze das div mit der id 'personal' wie folgt:

<div id = "personal" style='opacity:1'>

2. Am Ende der Datei füge bitte folgende Zeilen hinzu:

<script type="text/javascript">
$('#productSelect-product-template-option-0').change(()=> {
if ($("#productSelect-product-template-option-0 option:selected").index()>0)
{
$('#personal').attr('style','opacity:0')
} else{
$('#personal').attr('style','opacity:1')
}
});
</script>

 

Ich hoffe, das löst das Problem.

Im Prinzip verstecke ich nur das Feld für die Personalisierung, damit springen die anderen Elemente nicht herum.

Gruß

Thomas

 
 
• Was my reply helpful? Click Like to let me know!
• Was your question answered? Mark it as an Accepted Solution
• Check out our Price Updater App
Killah_Flow123
Tourist
4 0 1

Hy leider geht das so nicht, keine Änderung, war den ganzen Tag unterwegs, schicke dir zugangsdaten, per PM 😄 danke !

tewe
Shopify Partner
244 46 102

Erfolg.

Läuft, aber jetzt ändert sich leider auch die Größe des Bilds. Aber ich denke, damit kann man leben.

Gruß
Thomas

• Was my reply helpful? Click Like to let me know!
• Was your question answered? Mark it as an Accepted Solution
• Check out our Price Updater App
Killah_Flow123
Tourist
4 0 1

Vielen Dank!

Komme gern auf Auftragsbasis öfter auf dich zu !

 

Schönen Sonntag!