Add Comments to BigCommerce Sites

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

To do this, we will go to Storefront and then Themes.

Επιλέξτε Storefront

Επιλέξτε Themes

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

Next, we are not going to click Customize. Instead, click Advanced and Make a Copy.

Make a Copy

Confirm copying the theme:

Save The Copy

Once complete, you should see your theme listed under Themes on the bottom of the page, like so.

Δημιουργήθηκε προσαρμοσμένο θέμα

Now we can edit our new theme to add FastComments.

Επεξεργασία Αρχείων Θέματος

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

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

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

Στην αριστερή πλοήγηση, πηγαίνετε στο templates->pages->blog-post.html.

Άνοιγμα του Προτύπου

Next, copy the code we will be using to install FastComments:

BigCommerce Comments Code

Copy

1

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

3<div id="fastcomments-widget"></div>

4<script>

5window.fcConfigs = [{

6 "tenantId": "demo"

7}];

8</script>

9

Now we're going to paste the widget code on Line 6. It's important the code is added before the line with {{/partial}}.

Επικολλήστε στη Γραμμή 6

You should end up with something like this:

Μετά την Προσθήκη Κώδικα

Now we can save the file:

Αποθήκευση

...and exit the editor:

Επεξεργασία του Επεξεργαστή

Το τελευταίο μας βήμα είναι να χρησιμοποιήσουμε το νέο πρότυπο θέματος.

In the top right, you'll now see either Publish or Make Active Theme. Click that to continue and make the changes live:

Δημοσίευση των αλλαγών

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

Οι αλλαγές είναι ενεργές

Καλή δουλειά! Έχετε προσθέσει ζωντανά σχόλια στην ιστοσελίδα σας στο BigCommerce.

Εάν αντιμετωπίσατε σφάλμα permission denied, ή θέλετε να προσαρμόσετε το FastComments, διαβάστε παρακάτω.

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

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

Δεν συνιστάται η προσθήκη του FastComments μέσω του Page Builder του BigCommerce, καθώς τότε ο κώδικας πρέπει να προστεθεί χειροκίνητα σε κάθε επιθυμητή σελίδα.

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

Απόσπασμα για το BigCommerce Page Builder

Copy

1

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

3<div id="fastcomments-widget"></div>

4<script>

5 (function () {

6 let loaded = false;

7 function attemptLoad() {

8 if (loaded) {

9 return;

10 }

11 if (!window.FastCommentsUI) {

12 return;

13 }

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

15 tenantId: "demo"

16 });

17 loaded = true;

18 }

19 attemptLoad();

20 const interval = setInterval(function () {

21 attemptLoad();

22 if (loaded) {

23 clearInterval(interval);

24 }

25 }, 300);

26 })();

27</script>

28