Add Comments to BigCommerce Sites

İlk olarak, düzenleyeceğimiz özel bir tema oluşturalım. Zaten bir özel tema kurulumunuz varsa, bu adımı atlayabilirsiniz.

Bunu yapmak için Storefront ve ardından Themes'e gideceğiz.

Mağaza Görünümünü Seçin

Temaları Seçin

Bu öğretici için varsayılan temayı kullanacağız, ancak talimatlar tüm temalar için aynıdır.

Sonraki adımda Customize'a tıklamayacağız. Bunun yerine Advanced ve Make a Copy'a tıklayın.

Kopya Oluştur

Temayı kopyalamayı onaylayın:

Kopyayı Kaydet

İşlem tamamlandığında, sayfanın alt kısmında Themes altında temanızın listelendiğini görmelisiniz, aşağıdaki gibi.

Özel Tema Oluşturuldu

Şimdi yeni temamızı FastComments eklemek için düzenleyebiliriz.

Tema Dosyalarını Düzenle

Bir sonraki adım, entegrasyonun çalışmasını sağlayan widget kodunu eklemektir.

Önceki adımda belirtildiği gibi tema düzenleyicisindeyken, sol tarafta bir dosya tarayıcısı ve sağ tarafta bir düzenleyici göreceksiniz.

Yapacağımız şey, blog yazısı sayfalarımızı temsil eden bir şablonu düzenlemektir.

In the left-hand navigation, go to templates->pages->blog-post.html.

Şablonu Aç

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

Şimdi widget kodunu Line 6'a yapıştıracağız. Kodun {{/partial}} satırından önce eklendiğinden emin olun.

Line 6'ya Yapıştır

You should end up with something like this:

Kodu Ekledikten Sonra

Now we can save the file:

Kaydet

...and exit the editor:

Düzenleyiciyi Düzenle

Son adımımız yeni tema şablonunu kullanmaktır.

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

Değişiklikleri Yayınla

Now we can check out our site! If you go to a blog post, you should see a comment box at the bottom.

Değişiklikler Yayında

Tebrikler! BigCommerce sitenize canlı yorum özelliğini eklediniz.

Eğer izin reddedildi hatasıyla karşılaştıysanız veya FastComments'ı özelleştirmek istiyorsanız, okumaya devam edin.

FastComments, sitenize uyacak şekilde özelleştirilmek üzere tasarlanmıştır.

Özel stil eklemek veya yapılandırmayı ince ayar yapmak istiyorsanız, nasıl yapılacağını öğrenmek için Özelleştirme Belgelerimizi İnceleyin.

FastComments'ı BigCommerce'in Sayfa Oluşturucusu aracılığıyla eklemek önerilmez çünkü bu durumda kodun her istenen sayfaya manuel olarak eklenmesi gerekir.

Ancak, eğer bu isteniyorsa, aşağıdaki kod parçacığı kullanılmalıdır. BigCommerce'in doğası gereği diğer öğreticilerdeki kod parçacıkları çalışmayacaktır:

BigCommerce Sayfa Oluşturucu Parçacığı

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