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:

Επίλεξε Sections

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

Επίλεξε main-article

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

Τώρα θα πρέπει να βλέπετε κάτι παρόμοιο με το παρακάτω, με το 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 - αμέσως μετά το </div> - και να επικολλήσουμε. Θα πρέπει να έχετε κάτι σαν αυτό:

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

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

Αποθήκευση

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

Επιτυχία!

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

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

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