Shopify-Themes, Liquid, Logos und ähnliche Themen
hallo liebe freunde,
möchte gerne das wort "Grösse" zu " Größe" umändern. auf der produktseite .so wie es sich ordnungsgemäß gehört.
muss man da was im code machen oder wie genau ? freue mich über eine einfache anleitung
Gelöst! Zur Lösung
Erfolg.
Hey @Toni14
Leider fehlen einige wichtige Details in deiner Beschreibung, so dass wir dir besser helfen können. Ich nehme aber mal an du meinst das folgende, ist das richtig?
Hier kannst du den Optionen Titel "Größe" auf der Produktseite ändern. Ist das das was du meinst?
Das folgende ist ohne Gewähr und bitte immer in einer Testumgebung zuerst testen
Du kannst auch die JavaScript-Datei deines Themes bearbeiten. Ich verlinke dir die Schritte, wie du das machst, hier. Sobald du die JavaScript-Datei geöffnet hast, musst du den folgenden Code am Ende der Datei einfügen:
js
(function() {
if (typeof(productOptions) != "undefined") {
for (i = 0; i < productOptions.length; i++) {
const vowels = ['a', 'e', 'i', 'o', 'u'];
const firstOptionLetter = productOptions[i][i][0].toLowerCase();
let indef = 'a';
if (INSERT_URL_HEREcludes(firstOptionLetter)) {
indef = 'an';
};
const select = document.querySelectorAll('.single-option-selector')[i];
const options = select.querySelectorAll('option');
if (options.length > 1) {
let option = new Option('Pick ' + indef + ' ' + productOptions[i][i], '');
INSERT_URL_HEREd(option, INSERT_URL_HERErstChild);
INSERT_URL_HERElectedIndex = 0;
}
}
}
})();
Danach musst du die Vorlage für deine Produktseite bearbeiten und die Spracheinstellungen für die Schaltfläche "In den Warenkorb" ändern, damit die Produkte nicht als "Nicht verfügbar" angezeigt werden, bevor du eine Auswahl getroffen hast. Weitere Informationen dazu findest du in dem Artikel, den ich oben verlinkt habe. Lass es mich wissen, wenn du weitere Fragen hast!
Beachte auch dass Codeänderungen dazu führen können, dass 1) die Ladezeiten negative beeinflusst werden, und 2) dein Theme dann ggf. aus den Theme Updates ausgeschlossen werden kann.
----
Habt ihr schon über Ostern nachgedacht? Warum nicht etwas "Easter Egg Gamification" im Vorfeld Osterns in den Shop einbauen? Man kann z. B. eine Annonce auf der Homepage zeigen, dass Oster Eier im Shop versteckt sind und wenn diese gefunden werden, werden sie automatisch als Geschenk zum Warenkorb ergänzt. Gerne können wir hier weiter darüber plaudern!
Lass wissen, wenn du weitere Fragen hast zum Shop und Business und gerne können wir das hier weiter besprechen! Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.
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
Erfolg.
Hey @Toni14
Leider fehlen einige wichtige Details in deiner Beschreibung, so dass wir dir besser helfen können. Ich nehme aber mal an du meinst das folgende, ist das richtig?
Hier kannst du den Optionen Titel "Größe" auf der Produktseite ändern. Ist das das was du meinst?
Das folgende ist ohne Gewähr und bitte immer in einer Testumgebung zuerst testen
Du kannst auch die JavaScript-Datei deines Themes bearbeiten. Ich verlinke dir die Schritte, wie du das machst, hier. Sobald du die JavaScript-Datei geöffnet hast, musst du den folgenden Code am Ende der Datei einfügen:
js
(function() {
if (typeof(productOptions) != "undefined") {
for (i = 0; i < productOptions.length; i++) {
const vowels = ['a', 'e', 'i', 'o', 'u'];
const firstOptionLetter = productOptions[i][i][0].toLowerCase();
let indef = 'a';
if (INSERT_URL_HEREcludes(firstOptionLetter)) {
indef = 'an';
};
const select = document.querySelectorAll('.single-option-selector')[i];
const options = select.querySelectorAll('option');
if (options.length > 1) {
let option = new Option('Pick ' + indef + ' ' + productOptions[i][i], '');
INSERT_URL_HEREd(option, INSERT_URL_HERErstChild);
INSERT_URL_HERElectedIndex = 0;
}
}
}
})();
Danach musst du die Vorlage für deine Produktseite bearbeiten und die Spracheinstellungen für die Schaltfläche "In den Warenkorb" ändern, damit die Produkte nicht als "Nicht verfügbar" angezeigt werden, bevor du eine Auswahl getroffen hast. Weitere Informationen dazu findest du in dem Artikel, den ich oben verlinkt habe. Lass es mich wissen, wenn du weitere Fragen hast!
Beachte auch dass Codeänderungen dazu führen können, dass 1) die Ladezeiten negative beeinflusst werden, und 2) dein Theme dann ggf. aus den Theme Updates ausgeschlossen werden kann.
----
Habt ihr schon über Ostern nachgedacht? Warum nicht etwas "Easter Egg Gamification" im Vorfeld Osterns in den Shop einbauen? Man kann z. B. eine Annonce auf der Homepage zeigen, dass Oster Eier im Shop versteckt sind und wenn diese gefunden werden, werden sie automatisch als Geschenk zum Warenkorb ergänzt. Gerne können wir hier weiter darüber plaudern!
Lass wissen, wenn du weitere Fragen hast zum Shop und Business und gerne können wir das hier weiter besprechen! Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.
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
Teil 2 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 16, 2024Teil 1 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 9, 2024Anpassungen des benutzerdefinierten Codes an Shopify-Themes (CSS) leicht gemachtIn diesem...
By Gabe Aug 28, 2024