Comment Module

// Usage example

import { Stars } from "collectaction-library";

<Stars
  settings={{
    pid,
    firm_id: "0000",
    product_id: "0000001",
    size: "14",
    rating: true,
    review_comment_count: "review",
    camera: true,
    WebView: WebView,
  }}
/>;

Props

| Prop | Type | required | Default | Values | Note | | ----------------------- | ------- | -------- | ------- | -------------------------- | ------------------------------------------------------------------------ | | WebView | WebView | * | null | Any valid WebView instance | WebView bileşeni, uygulamanızda web içeriğini göstermek için kullanılır. | | pid | String | * | null | Any string | Collectaction panelinde bulunan pid bilgisi belirtilmelidir. | | firm_id | String | * | null | Any string | Firmanın benzersiz Trendyol kimlik numarası. | | product_name | String | * | null | Any string | Ürünün adı. | | product_image | String | * | null | Any valid URL | Ürünün resim URL'i. | | id | String | * | null | Any string | Ürünün benzersiz id numarası. | | camera | Boolean | | false | true, false | Kamera görselinin gösterilip gösterilmeyeceğini belirtir. | | rating_size | Integer | | 16 | Any integer | Değerlendirme puanının boyutunu belirler. | | rating_bold | Boolean | | false | true, false | Değerlendirme puanının kalın olup olmadığını belirtir. | | review_comment_count | String | | null | comment, review, null | Ürünün değerlendirme/yorum (rating/comment) bilgilerini gösterir. | | review_size | Integer | | 14 | Any integer | Ürünün değerlendirme/yorum boyutunu ayarlamak için kullanılır. | | star_size | Integer | | 16 | Any integer | Değerlendirme yıldızlarının boyutunu belirler. | | star_color | String | | orange | Any string | Değerlendirme yıldızlarının dıştaki rengini belirler. | | star_background_color | Integer | | gray | Any string | Değerlendirme yıldızlarının arkadaki rengini belirler. |

Mail Example

DS DAMAT MOBİL UYGULAMA COLLECTACTION ENTEGRASYON

Kütüphane linki: https://www.npmjs.com/package/collectaction-library

1. olarak kütüphaneyi react-native projesine npm ile eklemek gerekiyor.

npm i collectaction-micro

kütüphane eklendikten sonra en üst kısımda tanımlama yapılması gerekiyor.

import { Stars } from "collectaction-library";

Kullanım tarafında ise sayfada yıldızın nerede konumlanması isteniliyor ise Component in ilgili kısımda aşağıdaki gibi koyulması gerekmektedir.

Zorunlu Değerler;
  pid : "35e89f7c-7bff-43b9-8721-375d69a79433" //Collectaction tarafından ds damat a verilen pid bilgisi
  firm_id: 159 // trendyol mağaza id si
  product_name // mobil app içerisinden dönen bilgi ile ürün isminin yollanması gerekiyor
  id // burada id yerine internet sitesinde sayfa içerisinde olan item_sku bilgisinin eklenmesi gerekiyor buda sku değerine eşit
  WebView // burada en yukarıda webview tanımlanması gerekiyor ve bunun Component içerisine yollanması gerekiyor.
  product_image // yorumların olduğu kısımda resmin gözükmesi için gerekli cdn linki şeklinde bir sonuç verilebilir. örn: https://d5e14a.a-cdn.akinoncloud.com/products/2024/03/25/121023/668d094d-7bc2-41ef-9637-650f908afd65_size1250x1842_cropCenter.jpg

Diğer Seçenekler;
review_comment_count // değerlendirme sayının gözükmesi isteniliyorsa "review" eğer yorum sayısı isteniliyorsa "comment" değerlerinin eklenmesi gerekmektedir. İkisinden birisini alabiliyor.
review_size // eğer yazının boyutu değiştirmek isteniliyorsa buradan integer olarak verilebilir.
star_size // eğer yıldızın boyutu değiştirmek isteniliyorsa buradan integer olarak verilebilir.
rating_size // eğer değerlendirme yazısının boyutu değiştirmek isteniliyorsa buradan integer olarak verilebilir.
rating_bold // eğer değerlendirme yazısının kalınlığı değiştirmek isteniliyorsa buradan true olarak verilebilir.
camera // eğer kamera iconunun koyulması isteniliyorsa true olarak boolean değer verilebilir.
star_color //eğer yıldızın rengi değiştirilmek isteniyorsa buradan HEX code ile o renk verilebilir.
star_background_color //eğer yıldızın arkaplan rengi değiştirilmek isteniyorsa buradan HEX code ile o renk verilebilir.


Örnek kullanım aşağıdaki gibidir.
<Stars
  settings={{
    pid: "35e89f7c-7bff-43b9-8721-375d69a79433",
    firm_id: 159,
    product_name: this.product.name,
    id: this.product.id,
    review_size: 14,
    product_image: this.product.image,
    star_size: 16,
    rating_size: 18,
    rating_bold: true,
    camera: false,
    review_comment_count: "review", //review
    star_color: "orange",
    star_background_color: "#D9D8D8",
    WebView: WebView,
  }}
/>