Το Liquid είναι η template γλώσσα που συνδέει το περιεχόμενο του Shopify με το HTML του storefront.
Objects, tags και filters
Τα objects εκθέτουν δεδομένα, τα tags ελέγχουν λογική και τα filters μετασχηματίζουν τιμές. Η Liquid εκτελείται από την πλατφόρμα και δεν είναι γενικής χρήσης backend γλώσσα.
Sections και blocks
Τα schema settings δίνουν στους editors ελεγχόμενες επιλογές. Καλός σχεδιασμός σημαίνει επαναχρησιμοποιήσιμα blocks, λογικά defaults και όρια που αποτρέπουν χαλασμένες συνθέσεις.
Όρια και performance
Βαριά nested loops, υπερβολικά snippets και άσκοπα δεδομένα δυσκολεύουν τη συντήρηση. Η Liquid συνεργάζεται με HTML, CSS και JavaScript, αλλά κάθε layer πρέπει να έχει σαφή ευθύνη.
Ασφαλής ανάπτυξη
Χρησιμοποιήστε development theme, Git, code review και δοκιμές σε αντιπροσωπευτικά templates. Μην επεξεργάζεστε production χωρίς αντίγραφο και σχέδιο επαναφοράς.
Μικρό ασφαλές Liquid workflow
- ☐ Δημιουργήστε development theme και κρατήστε το published theme ανέγγιχτο.
- ☐ Εντοπίστε template, section, snippet και object πριν αλλάξετε markup.
- ☐ Χρησιμοποιήστε filters και whitespace control χωρίς βαριά loops σε μεγάλα collections.
- ☐ Κάντε escape user/content values ανάλογα με HTML, URL ή JSON context.
- ☐ Δοκιμάστε missing metafield, sold-out product, πολλά variants και Theme Editor.
Παράδειγμα
Αν ένα badge εξαρτάται από metafield, ο κώδικας πρέπει να ελέγχει αν υπάρχει τιμή πριν αποδώσει wrapper. Διαφορετικά δημιουργούνται άδεια στοιχεία και layout gaps σε προϊόντα χωρίς το πεδίο.
Πώς ξέρετε ότι ολοκληρώθηκε σωστά
- Δεν υπάρχουν hardcoded product IDs.
- Το section παραμένει επεξεργάσιμο.
- Η αλλαγή έχει tested fallback και rollback.