Τι είναι Shopify Υγρό? Μια γρήγορη σύνοψη των βασικών

Διανεμήθηκαν παραπάνω από 4.4 εκατομμύρια οι ιστότοποι ηλεκτρονικού εμπορίου κατασκευάζονται χρησιμοποιώντας το Shopify πλατφόρμα. Είναι η πλατφόρμα ηλεκτρονικού εμπορίου all-in-one που ταρακούνησε τον Ιστό από την έναρξή της το 2006. Οι έμποροι επιλέγουν αυτήν την πλατφόρμα για να φιλοξενήσουν τα ηλεκτρονικά τους καταστήματα για πολλούς λόγους, από εύκολη ρύθμιση πληρωμής έως ενσωματωμένα εργαλεία μάρκετινγκ και πολλά άλλα. 

Αλλά μια από τις κρίσιμες πτυχές του Shopify είναι το διαισθητικό πρόγραμμα δημιουργίας ιστοτόπων με χιλιάδες θέματα και Shopify ενσωματώσεις εφαρμογών για να διαλέξετε. 

Ωστόσο, ενώ το πρόγραμμα δημιουργίας χωρίς κώδικα σας επιτρέπει να δημιουργείτε εκπληκτικούς και μοναδικούς ιστότοπους, υπάρχουν ορισμένοι περιορισμοί. Για παράδειγμα, όταν ξεκινάτε να δημιουργείτε το ηλεκτρονικό σας κατάστημα, πρέπει να επιλέξετε ένα θέμα που καθορίζει τη διάταξη και το επίπεδο ελέγχου που έχετε στο περιεχόμενό σας. Ακόμα κι αν επιλέξετε ένα κενό θέμα, δηλαδή ένα χωρίς περιεχόμενο - εξακολουθεί να υπάρχει μια υποκείμενη αρχιτεκτονική κώδικα που προκαθορίζει τον τρόπο οργάνωσης του περιεχομένου.

Αλλά υπάρχουν καλά νέα. Αν θέλετε να δημιουργήσετε το δικό σας Shopify πρότυπο για τον ιστότοπό σας ή κάποιου άλλου, υπάρχει Shopify Υγρό.

Ενδιαφερόμενος? Ελάτε μαζί μου καθώς προσπαθώ να απαντήσω στην ερώτηση: Τι είναι Shopify Υγρό? Ας βουτήξουμε!

Τι είναι Shopify Υγρό?

Με ενδιαφέρο, Shopify Το υγρό υπάρχει από τότε Shopifyτο ξεκίνημα του. Οταν ShopifyΟι δημιουργοί του πρώτου σχεδίασαν την πλατφόρμα, κατασκεύασαν ένα έργο ανοιχτού κώδικα για να χρησιμεύσει ως γλώσσα προτύπου για όλους Shopify πρότυπα. 

Για τους μη μυημένους, η «γλώσσα προγραμματισμού ανοιχτού κώδικα» αναφέρεται στον πηγαίο κώδικα ενός λογισμικού που είναι ελεύθερα διαθέσιμος στο κοινό, επιτρέποντας σε οποιονδήποτε να χρησιμοποιήσει, να τροποποιήσει και να διανείμει τον κώδικα για οποιονδήποτε σκοπό. 

Δημιουργήθηκε χρησιμοποιώντας Ruby, Shopify Υγρό ουσιαστικά χρησιμεύει ως σύμβολο κράτησης θέσης, ώστε να μπορείτε να εισάγετε δεδομένα σε μια προκαθορισμένη μορφή (περισσότερα για αυτό παρακάτω).

Λοιπόν, πώς λειτουργεί αυτό;

Για να το κατανοήσετε αυτό, πρέπει πρώτα να γνωρίζετε ότι οι ιστότοποι είναι συνήθως στατικοί ή δυναμικοί. Τα στατικά καταστήματα είναι κωδικοποιημένα για να δείχνουν το περιεχόμενο ακριβώς όπως είναι γραμμένο, για παράδειγμα, σε HTML. Αντίθετα, ένας δυναμικός ιστότοπος μπορεί να εμφανίζει διαφορετικό περιεχόμενο ανάλογα με τον τρόπο με τον οποίο ο χρήστης αλληλεπιδρά μαζί του. 

Τώρα ας υποθέσουμε ότι έχετε έναν στατικό ιστότοπο. ο βασικός σκελετός του ιστότοπου είναι προκαθορισμένος, αλλά θέλετε να αποδώσετε δυναμικό περιεχόμενο. Εδώ είναι το γράψιμο Shopify Το υγρό στον κώδικα HTML σας είναι βολικό. Αυτό προσφέρεται ως σύμβολο κράτησης θέσης για δυναμικό περιεχόμενο. 

Shopify Το υγρό λειτουργεί ως ενδιάμεσος μεταξύ του καταστήματός σας και Shopifyτου διακομιστή, που επιτρέπει στο Liquid να αντλεί δεδομένα από Shopifyτου διακομιστή και παραδώστε το στο κατάστημά σας. Το Liquid μπορεί να ζητήσει τρεις κύριους τύπους δεδομένων:

1. Αντικείμενα
2. Ετικέτες
3. Φίλτρα

Παρακάτω, θα εξερευνήσουμε κάθε τύπο δεδομένων με τη σειρά:

Υγρά Αντικείμενα

Τα αντικείμενα είναι παρόμοια με μια βιβλιοθήκη συναρτήσεων ή περιεχομένου. μέσα σε κάθε αντικείμενο, υπάρχουν διάφορες ιδιότητες. 

Εάν δεν είστε εξοικειωμένοι με την έννοια των αντικειμένων, ακολουθεί μια σύντομη επισκόπηση:

Ένα αντικείμενο είναι μια θεμελιώδης έννοια στον προγραμματισμό. Ένα αντικείμενο αποτελείται από δύο στοιχεία: 

1. Ιδιότητες που καθορίζουν την κατάσταση του αντικειμένου
2. Λειτουργίες που καθορίζουν τη συμπεριφορά του αντικειμένου

Για να δείξουμε καλύτερα πώς λειτουργεί αυτό, θα χρησιμοποιήσουμε ένα παράδειγμα που δεν σχετίζεται με την κωδικοποίηση. Για παράδειγμα, ένα αυτοκίνητο. Εδώ, το αυτοκίνητο, δηλαδή το αντικείμενο, θα μπορούσε να έχει λειτουργίες όπως «επιτάχυνση», «στροφή» και «φρένο». Αντίθετα, οι ιδιότητες θα μπορούσαν να είναι τα «παράθυρα», «πόρτες» του αυτοκινήτου κ.λπ. 

Με απλά λόγια, τα αντικείμενα είναι σημαντικά έννοια στην κωδικοποίηση επειδή βοηθούν στην οργάνωση πολύπλοκων συστημάτων σε πιο διαχειρίσιμα κομμάτια.

Για παράδειγμα, ας υποθέσουμε ότι δημιουργείτε ένα έθιμο Shopify θέμα και θέλετε να εμφανίσετε α Τίτλος Ιστολογίου στο πρότυπό σας. Μπορείτε να χρησιμοποιήσετε το Liquid για να φέρετε αυτές τις πληροφορίες από Shopifyτου διακομιστή και εμφανίστε το κάπου στη σελίδα. Σε αυτό το παράδειγμα, αυτό είναι το κομμάτι του υγρού κώδικα που θα χρησιμοποιούσατε για να το πετύχετε:

{{Blog.title}} 

Ας το αναλύσουμε:

• Εδώ, 'blog'' είναι το αντικείμενο. 
• Το ακίνητο που θέλουμε μέσα σε αυτό βιβλιοθήκη σημειώνεται με "τίτλος". 
• Τα Διαχωριστικά  '.' λέει στο Liquid πώς σχετίζονται αυτά τα δύο bit δεδομένων. 
• Οι διπλές αγκύλες είναι ρευστή σύνταξη που ορίζει το {{content/output you want}} που θέλετε από το Shopify διακομιστή. 

Υγρές Ετικέτες

Οταν χρησιμοποιείτε Shopify Υγρό, οι ετικέτες προσθέτουν λογική στο περιεχόμενο που ζητάμε από το Shopify διακομιστή για να καθορίσετε πότε το περιεχόμενο πρέπει να είναι ορατό στη σελίδα. Για παράδειγμα, ας υποθέσουμε ότι θέλουμε να εμφανίσουμε ένα συγκεκριμένο γραφικό στις εορταστικές αναρτήσεις του ιστολογίου μας. Δηλαδή, θέλουμε αυτό το γραφικό να εμφανίζεται μόνο όταν πληρούται μια συγκεκριμένη συνθήκη. 

Δείτε πώς μπορεί να μοιάζει αυτό:

{% if blog.title == 'γιορτή' %}

**HTML εικόνας**

{% τέλος εαν %}

Αυτό μπορεί να φαίνεται περίπλοκο, αλλά αν το αναλύσουμε, είναι πολύ απλό να το καταλάβουμε:

• Οι ετικέτες χρησιμοποιούν μια ελαφρώς διαφορετική σύνταξη από τα αντικείμενα που μοιάζουν με αυτό  {%…%}.
• Η πρώτη ετικέτα {% if blog.title == 'γιορτή' %} λέει στο Liquid ποια προϋπόθεση πρέπει να πληρούται πριν ζητηθεί περιεχόμενο από τον διακομιστή.
• Η συνθήκη που ζητήσαμε ορίζεται από ένα δήλωση «αν».. Εάν είστε εξοικειωμένοι με την κωδικοποίηση, θα γνωρίζετε ότι οι δηλώσεις «αν» λειτουργούν συγκρίνοντας δύο ή περισσότερα κομμάτια δεδομένων μεταξύ τους. Εάν ταιριάζουν, θα προχωρήσει στην επόμενη γραμμή του κώδικά μας. Εδώ,  if blog.title == 'γιορτή,' Ζητάμε από το Liquid να ελέγξει αν ο τίτλος του ιστολογίου μας περιέχει τη λέξη "γιορτή". Εάν το κάνει, θα πάει στην επόμενη γραμμή του κώδικά μας. Εάν δεν το κάνει, το Liquid δεν θα επιστρέψει κανένα περιεχόμενο.
• Σε αυτό το παράδειγμα, εάν έχουμε έναν τίτλο ιστολογίου που περιέχει τη λέξη 'γιορτή', το Liquid θα τραβήξει και θα εμφανίσει την εικόνα HTML μας.
• Μόλις το κάνει αυτό, πηγαίνει στην ακόλουθη γραμμή {% τέλος εαν %}, που τερματίζει το πρόγραμμά μας.

Αυτό είναι μόνο ένα παράδειγμα του τι μπορείτε να κάνετε με τις ετικέτες. Shopify Το υγρό έχει ετικέτες για:

• Έλεγχος όταν εκτελείται ο κώδικας
• Επαναλέγω/επανάληψη (επανάληψη) ένα μπλοκ κώδικα
• Display ορισμένες επισημάνσεις HTML
• Δημιουργήστε νέες μεταβλητές.

Φίλτρα υγρών

Τα φίλτρα είναι κομμάτια κώδικα που αλλάζουν ή τροποποιούν την έξοδο ενός αντικειμένου. Για παράδειγμα, μπορούν να αλλάξουν το χρώμα, τη γραμματοσειρά, το μέγεθος ή την εμφάνιση των στοιχείων του ιστότοπου. 

Αλλά, εκτός από την αλλαγή των ορατών πτυχών του αντικειμένου, μπορούν να εκτελέσουν λειτουργίες σε ένα αντικείμενο. Για παράδειγμα, εάν θέλετε να εμφανίσετε τους τίτλους του ιστολογίου σας σε κεφαλαία, ένα φίλτρο θα μπορούσε να σας βοηθήσει να το πετύχετε χωρίς να αλλάξετε μη αυτόματα όλους τους τίτλους του ιστολογίου σας:

{{ blog.title | uppercase }}

• Η σύνταξη για τα φίλτρα είναι {{…}}.
• Εδώ, η ιδιότητα αντικειμένου που αναζητούμε είναι "Τίτλος Ιστολογίου'.
• Το φίλτρο που εφαρμόζουμε είναι κεφαλαία.
• Τα Διαχωριστικά  '|' διαχωρίζει την είσοδο και την έξοδο του κώδικά μας.

Τώρα, όταν ένας χρήστης κοιτάξει τον τίτλο του ιστολογίου μας, θα εμφανίζεται με κεφαλαία.

Οφέλη της Shopify Υγρό

Ας υποθέσουμε ότι είστε σχεδιαστής ή προγραμματιστής ιστότοπου. Σε αυτή την περίπτωση, ένα από τα πιο σημαντικά οφέλη του Shopify Ρευστό είναι ότι δεν χρειάζεστε τα δεδομένα καταστήματος (δηλαδή πληροφορίες σχετικά με το κατάστημα) για να δημιουργήσετε ή να τροποποιήσετε έναν ιστότοπο. Αυτό συμβαίνει γιατί όταν ένας χρήστης κάνει για πρώτη φορά ένα Shopify αποθήκευση, όλες οι πληροφορίες αποθηκεύονται στο Shopify διακομιστή, που σημαίνει ότι μπορείτε να χρησιμοποιήσετε το Liquid για να ανακτήσετε απλώς τα δεδομένα που χρειάζεστε. 

Ωστόσο, εάν δεν είστε προγραμματιστής ιστού, αντ 'αυτού είστε απλώς ιδιοκτήτης καταστήματος που θέλει να εμπλουτίσει το κατάστημά σας, υπάρχουν οφέλη και για εσάς:

• Εύκολο στην εκμάθηση και χρήση: Το Liquid έχει απλή σύνταξη και είναι εύκολα κατανοητό, καθιστώντας το προσβάσιμο για προγραμματιστές και μη.
• Δυναμικό περιεχόμενο: Το Liquid επιτρέπει τη δυναμική δημιουργία περιεχομένου
• Προσαρμόσιμα: Με το Liquid, μπορείτε να δημιουργήσετε προσαρμοσμένα πρότυπα και θέματα, δίνοντάς σας πλήρη έλεγχο της εμφάνισης και της αίσθησης του καταστήματος ηλεκτρονικού εμπορίου σας.
• Βελτιωμένη απόδοση: Τα υγρά πρότυπα μεταγλωττίζονται και αποθηκεύονται προσωρινά, βελτιώνοντας απόδοση και ταχύτητα ιστοσελίδας σε σύγκριση με άλλους κινητήρες προτύπων.
• Μεγάλη κοινότητα: Shopify έχει μια μεγάλη κοινότητα χρηστών, παρέχοντας πρόσβαση σε πληθώρα γνώσεων και υποστήριξης, διευκολύνοντας την εύρεση λύσεων σε κοινά προβλήματα που σχετίζονται με το υγρό.

απαιτήσεις

Τι χρειάζεστε λοιπόν για να αρχίσετε να χρησιμοποιείτε Shopify Υγρό?

Αν έχετε ήδη ένα Shopify κατάστημα, Shopify Το υγρό θα είναι διαθέσιμο για χρήση δωρεάν. Θα συζητήσουμε πώς μπορείτε να βρείτε το Liquid παρακάτω. Αλλά το μόνο που χρειάζεται να γνωρίζετε προς το παρόν είναι ότι κάθε ιστότοπος που δημιουργείται σε Shopify είναι κατασκευασμένο με Liquid, ώστε να μπορείτε να ξεκινήσετε τη μη αυτόματη επεξεργασία αυτού του κώδικα αμέσως μόλις δημιουργήσετε έναν ιστότοπο.

Ωστόσο, εάν δεν έχετε ένα Shopify κατάστημα, θα χρειαστεί να φτιάξετε ένα για να αρχίσετε να παίζετε με το Liquid. 

1. Κατ 'αρχάς, κατευθυνθείτε προς Shopify και επιλέξτε ένα σχέδιο. Συμπληρώστε τα στοιχεία σας και δημιουργήστε τον λογαριασμό σας.
2. Απο εσενα Shopify διαχειριστής, κάντε κλικ στα θέματα. Shopify παρέχει αυτόματα ένα προεπιλεγμένο θέμα. Μπορείτε να το αφήσετε ως έχει ή να επιλέξετε άλλο θέμα για να ξεκινήσετε.
3. Shopify έχει μια λίστα ελέγχου που μπορείτε να περάσετε για να ολοκληρώσετε το κατάστημά σας. Θα θέλετε να κάνετε όλα τα βασικά, όπως να προσθέσετε σελίδες προϊόντων, να σχεδιάσετε τη βιτρίνα σας κ.λπ.

Τώρα που έχετε τον βασικό σκελετό του ηλεκτρονικού σας καταστήματος, μπορείτε να αντλήσετε αυτά τα δεδομένα από το Shopify διακομιστή και προσαρμόστε τον χρησιμοποιώντας το Liquid (περισσότερα για αυτό παρακάτω). 

Αν και δεν χρειάζεστε εμπειρία κωδικοποίησης για να ξεκινήσετε να χρησιμοποιείτε το Liquid, η εξοικείωση με τις βασικές αρχές κωδικοποίησης θα κάνει το ταξίδι σας πιο εύκολο. Αλλά ως επί το πλείστον, μπορείτε να βρείτε εκτεταμένη τεκμηρίωση αυτοβοήθειας και σεμινάρια σχετικά με το Shopify πύλη προγραμματιστών. Εδώ θα βρείτε μια ολόκληρη ενότητα αφιερωμένη σε Βασικά υγρά. 

Συνιστάται να αφιερώσετε λίγο χρόνο κοιτάζοντας αυτούς τους οδηγούς πριν ξεκινήσετε. Ενώ το Liquid είναι ένα ισχυρό εργαλείο προσαρμογής, έχει επίσης τη δυνατότητα να σπάσει τον ιστότοπό σας εάν δεν ξέρετε τι κάνετε!

Ξεκινώντας με Shopify Υγρό

Έτσι, χρησιμοποιώντας όσα μάθαμε μέχρι τώρα, ας δούμε πώς μπορούμε να προχωρήσουμε στην επεξεργασία μας Shopify θέμα χρησιμοποιώντας υγρό. 

Για να αποκτήσετε πρόσβαση στο Liquid, ακολουθήστε τα εξής βήματα:

1. Αντιγράψτε το θέμα σας: Για να αποφύγετε τυχόν μεγάλες ατυχίες, είναι συνετό να δημιουργήσετε ένα αντίγραφο του θέματός σας πριν ξεκινήσετε. Με αυτόν τον τρόπο, αν κάνετε λάθη, το αρχικό σας Shopify το θέμα παραμένει άθικτο. Για να το κάνετε αυτό, μεταβείτε στην ενότητα θεμάτων στη δεξιά πλευρά του σας Shopify ταμπλό. Επιλέξτε το θέμα που θέλετε να επεξεργαστείτε και κάντε κλικ στις ενέργειες για να δείτε το αναπτυσσόμενο μενού. Τώρα, επιλέξτε διπλότυπο.
2. Μετονομάστε το αντίγραφό σας: Όταν αντιγράφετε ένα θέμα, θα το βλέπετε στη λίστα των θεμάτων σας. Μπορείτε να μετονομάσετε το αντίγραφό σας για να μην συγχέετε το πρωτότυπο και το αντίγραφο. Απλώς κάντε ξανά κλικ στο κουμπί ενεργειών και πατήστε μετονομασία στο αναπτυσσόμενο μενού. 
3. Εισαγωγή του επεξεργαστή κώδικα: Τώρα, επιλέξτε ξανά ενέργειες στο αντίγραφό σας και επιλέξτε επεξεργασία κώδικα. Θα κατευθυνθείτε στην πλήρη λίστα των κωδικών στο θέμα σας. Ρίξτε μια ματιά στους φακέλους που αναφέρονται στα δεξιά σας. Θα πρέπει να δείτε μια δέσμη φακέλων που περιέχουν διαφορετικές πτυχές του θέματός σας, όπως τη διάταξη, τα πρότυπα, τις ενότητες κ.λπ. Ανοίξτε το φάκελο προτύπων. 
4. Κωδικοποίηση σε υγρό: Μέσα στο φάκελο templates, θα δείτε μια λίστα αρχείων με τύπο αρχείου .liquid. Μπορείτε επίσης να δημιουργήσετε ένα νέο πρότυπο αρχείου Liquid επιλέγοντας το κουμπί συν στο φάκελο του προτύπου. Θα σας ρωτήσει ποιο πρότυπο θέλετε να φτιάξετε, δηλαδή σελίδα, ενότητα, ιστολόγιο κ.λπ., και να ονομάσετε το αρχείο. Για να επεξεργαστείτε ένα αρχείο, κάντε διπλό κλικ σε ένα αρχείο προτύπου και θα ανοίξει στο πρόγραμμα επεξεργασίας κώδικα στα δεξιά.

Μέσα σε οποιοδήποτε αρχείο Liquid, θα δείτε ένα σενάριο HTML. Αυτός είναι ο σκελετός της ιστοσελίδας σας. Μπορείτε να χρησιμοποιήσετε τη γλώσσα Liquid μέσα σε αυτό το HTML για να ανακτήσετε πληροφορίες από το Shopify υπηρέτης. Εφόσον χρησιμοποιείτε τη σωστή σύνταξη Liquid, δηλαδή τις αγκύλες, θα πρέπει να αποδίδει το περιεχόμενό σας ανάλογα.

Για να το καταλάβουμε, ας δούμε ένα εύκολο παράδειγμα:

Αλλαγή μεγέθους εικόνων με χρήση Shopify Υγρό

Οι εικόνες είναι μια ουσιαστική πτυχή των περισσότερων Shopify προμήθεια. Αλλά αν χρησιμοποιείτε πολλές εικόνες, μπορεί να είναι εφιάλτης να τις μεγεθύνετε όλες σωστά, ώστε να εμφανίζονται τακτοποιημένα. Για να το διορθώσουμε αυτό, εξετάζουμε το img_url φίλτρο. Όπως και άλλα φίλτρα, το img_url έχει σχεδιαστεί για να τροποποιεί το περιεχόμενο που παίρνει από το Shopify υπηρέτης. Μπορείτε να χρησιμοποιήσετε αυτό το φίλτρο για να αλλάξετε το μέγεθος, την κλίμακα, τη μορφή και την περικοπή των εικόνων σας. 

Αυτή είναι μια εξαιρετική τεχνική γιατί το φίλτρο τροποποιεί μόνο προσωρινά μια υπάρχουσα εικόνα. δεν δημιουργεί μια νέα εικόνα κάθε φορά για την απόδοση του προτύπου σας, επομένως δεν θα επιβραδύνει το χρόνο φόρτωσης του ιστότοπού σας. 

Λοιπόν, πώς αλλάζουμε το μέγεθος μιας εικόνας;

Αρχικά, πρέπει να αποφασίσουμε πού θέλουμε να εφαρμόσουμε τις αλλαγές. Μπορείτε να εφαρμόσετε το φίλτρο img_url σε οποιοδήποτε αντικείμενο με ιδιότητα εικόνας, συμπεριλαμβανομένων:

• Προϊόντα
• Παραλλαγές προϊόντων
• Στοιχεία γραμμής
• Συλλογές
• Άρθρα

Αφού αποφασίσετε ποιες εικόνες θέλετε να επεξεργαστείτε, πρέπει να γνωρίζετε ποια ιδιότητα θέλετε να στοχεύσετε. Για να μάθετε ποιες ιδιότητες έχουν ένα χαρακτηριστικό εικόνας, δείτε Shopifyλίστα αντικειμένων και τις ιδιότητες τους. 

Σε αυτό το παράδειγμα, θα στοχεύσουμε τις εικόνες των άρθρων του ιστολογίου μας.

Εδώ είναι ο βασικός κώδικας:

{{ blog.articles.image | img_url: ‘100×100' }}

Επαθε βλάβη:

• Άρθρα είναι το αντικείμενο που αναζητούμε και θέλουμε το ακίνητο εμπορεύματα, καθώς αυτό περιέχει όλα τα άρθρα στο ιστολόγιό μας. Συγκεκριμένα, θέλουμε να αλλάξουμε τις εικόνες στα άρθρα του ιστολογίου μας, επομένως στοχεύουμε σε αυτά εικόνα ιδιοκτησία εντός άρθρων.
• Τώρα εφαρμόζουμε το φίλτρο img_url. Εάν το αφήναμε ως έχει, θα εμφανιζόταν απλώς μια εικόνα που τραβήχτηκε από τη διεύθυνση URL που παρέχεται από το Shopify υπηρέτης. Ωστόσο, θα δώσουμε επίσης μια επιπλέον παράμετρο: το μέγεθος της εικόνας '100×100'' (σημειώστε ότι Shopify χρησιμοποιεί εικονοστοιχεία για να καθορίσει το εύρος μεγεθών).
• Τέλος, τυλίγουμε τον κώδικά μας χρησιμοποιώντας τη σύνταξη Liquid διπλής αγκύλης, η οποία χρησιμοποιείται για φίλτρα. 

Και τελειώσαμε! Αυτό θα πρέπει να επιστρέψει έξοδο για όλες τις εικόνες του ιστολογίου μας, καθιστώντας τις σε μέγεθος 100 επί 100 pixel.

Συμβουλές και συμβουλές

Ελπίζω ότι έχοντας διαβάσει αυτό το άρθρο, έχετε τώρα μια απάντηση στην ερώτηση: Τι είναι Shopify Υγρό?

Όπως βλέπεις, Shopify Υγρό είναι ένα ευέλικτο εργαλείο που μπορεί να εξυπηρετήσει διάφορες λειτουργίες κατά το σχεδιασμό ή την επεξεργασία ενός Shopify πρότυπο. Αν και υπάρχει μια μικρή καμπύλη εκμάθησης, μόλις τη συνηθίσετε, είναι αρκετά εύκολο στη χρήση – ειδικά σε σύγκριση με άλλες πιο σύνθετες γλώσσες κωδικοποίησης όπως η Javascript.

Εάν ενδιαφέρεστε να χρησιμοποιήσετε Shopify Υγρό, θα σας συμβουλεύαμε να ακολουθήσετε αυτές τις οδηγίες για να αξιοποιήσετε στο έπακρο:

1. Ξεκινήστε με μια σταθερή κατανόηση του Liquid: Η καλή κατανόηση του Liquid θα σας επιτρέψει να δημιουργήσετε πιο σύνθετα προσαρμοσμένα θέματα. Με αυτό το θεμέλιο, οι νέοι χρήστες μπορούν να αξιοποιήσουν πλήρως τις δυνατότητες του Shopify για να δημιουργήσετε μοναδικά και ελκυστικά ηλεκτρονικά καταστήματα.
2. Δοκιμάστε το θέμα σας διεξοδικά: Η δοκιμή είναι απαραίτητη για να διασφαλιστεί ότι το προσαρμοσμένο θέμα σας λειτουργεί όπως αναμένεται σε διαφορετικά προγράμματα περιήγησης και συσκευές. Εντοπίζοντας έγκαιρα ζητήματα συμβατότητας, αποφεύγετε πιθανή απογοήτευση για τους πελάτες σας.
3. Χρησιμοποιήστε διαθέσιμα εργαλεία και πόρους: Shopify έχει πολλούς διαθέσιμους πόρους για να βοηθήσει τους προγραμματιστές θεμάτων, γι' αυτό χρησιμοποιήστε τους! Όταν χρησιμοποιείται, αυτό μπορεί να κάνει τη διαδικασία ανάπτυξης ταχύτερη και ευκολότερη.

Με όλα αυτά τα σημεία που καλύπτονται, νομίζω ότι είναι ασφαλές να το πούμε αυτό Shopify Το υγρό μπορεί να είναι ένας διασκεδαστικός και αποτελεσματικός τρόπος για να ενημερώσετε ή να δημιουργήσετε έναν πιο ελκυστικό και δυναμικό τρόπο Shopify κατάστημα. 

Αυτό είναι όλο από μένα. σε σας. Ενημερώστε με για τις εμπειρίες σας με Shopify Υγρό στα σχόλια παρακάτω!