Add Comments to Shopify Sites

Το πρώτο βήμα για τη χρήση του FastComments με το Shopify είναι η απενεργοποίηση του συστήματος του Shopify.

Σημείωση Η Υποστήριξη του FastComments μπορεί να σας βοηθήσει στη μετεγκατάσταση υπαρχόντων νημάτων σχολίων.

Για να αντικαταστήσουμε το σύστημα σχολίων του Shopify, θα μεταβούμε στον πίνακα ελέγχου του καταστήματός μας και θα κάνουμε κλικ στο Blog posts κάτω αριστερά:

Άνοιγμα Διαχείρισης Αναρτήσεων Ιστολογίου

Στη συνέχεια θα κάνουμε κλικ στο Manage blogs πάνω δεξιά:

Διαχείριση Ιστολογίων

Κάντε κλικ στο ιστολόγιο που θέλουμε να διαχειριστούμε. Αν εμφανίζει Comments are disabled μπορείτε να παραλείψετε αυτό το βήμα και να προχωρήσετε στο Step Two.

Διαχείριση Ιστολογίου

Αν όχι, επιλέξτε το ιστολόγιο και βεβαιωθείτε ότι έχει επιλεγεί το Comments are disabled στο δεξί πάνελ:

Απενεργοποίηση Σχολίων

Τώρα κάντε κλικ στο Αποθήκευση.

Τώρα θα επεξεργαστούμε το θέμα του καταστήματός μας για να προσθέσουμε το FastComments.

Στο αριστερό πάνελ, ανοίξτε Themes:

Άνοιγμα Θεμάτων

Κάτω από το Current theme, επιλέξτε Actions και στη συνέχεια Edit code:

Επεξεργασία Κώδικα

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

Το μόνο που πρέπει να κάνουμε είναι να αντιγράψουμε ένα μικρό κομμάτι κώδικα που προσθέτει το FastComments και να το επικολλήσουμε στη σωστή γραμμή στο σωστό αρχείο.

Στον εξερευνητή αρχείων στα αριστερά, κάντε κύλιση προς τα κάτω και κάντε κλικ στο Sections:

Επιλέξτε Ενότητες

Τώρα θα κάνουμε κύλιση προς τα κάτω και θα επιλέξουμε το main-article.liquid:

Επιλέξτε main-article

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

Τώρα θα πρέπει να δείτε κάτι παρόμοιο με το ακόλουθο, με επιλεγμένο το main-article.liquid στο επάνω μέρος:

main-article Ανοιχτό

Στη συνέχεια θα μετακινηθούμε προς τα κάτω στη γραμμή 100:

Κύλιση στη γραμμή 100

Τώρα αντιγράψτε το ακόλουθο απόσπασμα κώδικα, το οποίο έχει σχεδιαστεί ειδικά για το Shopify - μην χρησιμοποιήσετε αποσπάσματα κώδικα από άλλα σεμινάρια:

Απόσπασμα FastComments για Shopify

Copy

1

2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>

3<div id="fastcomments-widget" class="page-width page-width--narrow"></div>

4<script>

5 FastCommentsUI(document.getElementById('fastcomments-widget'), {

6 tenantId: "demo",

7 urlId: window.location.pathname

8 });

9</script>

10

Τώρα θέλουμε να τοποθετήσουμε τον δρομέα μας στη line 101 - right after the </div> - and paste. You should have something like this:

Προσθέστε τον κώδικα FastComments

Τώρα μπορούμε να αποθηκεύσουμε:

Αποθήκευση

Τώρα, αν δούμε μια ανάρτηση ιστολογίου, θα πρέπει να βλέπουμε το FastComments!

Επιτυχία!

Συγχαρητήρια για τη ρύθμιση του FastComments με το Shopify! Αν έχετε συναντήσει ένα Domain Error, ή θα θέλατε να μάθετε πώς να προσαρμόσετε την περιοχή σχολίων, διαβάστε παρακάτω!

Το FastComments έχει σχεδιαστεί για να προσαρμόζεται ώστε να ταιριάζει στον ιστότοπό σας.

Εάν θέλετε να προσθέσετε προσαρμοσμένο στυλ ή να τροποποιήσετε τη διαμόρφωση, Δείτε την Τεκμηρίωση Προσαρμογών μας για να μάθετε πώς.