Mtindo na uwekaji

Rekebisha kitufe cha Web SDK

import type { RenderTryOnButtonOptions } from "@spreeai/web-sdk";

export const brandedButton: RenderTryOnButtonOptions = {
  elementId: "spreeai-try-on",
  garments: [{ garmentId: "YOUR_READY_GARMENT_ID" }],
  className: "product-try-on",
  features: {
    tryOnButton: {
      text: "Try it on you",
      backgroundColor: "#171717",
      textColor: "#ffffff",
      borderRadius: "6px",
      padding: "14px 24px",
      fontSize: "16px",
      width: "100%",
    },
  },
};

features.tryOnButton hutumia mitindo ya ndani na kubatilisha laha chaguomsingi. Yake text thamani pia inachukua nafasi ya kwanza button.text. Tumia className kwa darasa lako la kifungo cha ziada.

Sehemu za mtindo zinazotumika

text, iconUrl, iconHeight, backgroundColor, textColor, width, height, borderRadius, fontSize, fontWeight, padding, border na boxShadow.

Tabia ya mazungumzo

Kidirisha kilichopangishwa cha v3 ni laha iliyoshikilia chini, hadi upana wa 1000px na 95% ya urefu wa kituo cha kutazama. Kwa 744px au nyembamba zaidi, ni skrini nzima. Angalia upya mazungumzo yoyote yaliyopo ya CSS baada ya kuhama.

Ufikiaji na tabia ya ukurasa

• Tumia lebo ya maelezo na utofautishaji wa kutosha kwa kitufe.
• Jaribu ufikiaji wa kibodi, urejeshaji wa umakini, tabia ya Escape na kusogeza.
• Angalia mpangilio kwenye simu halisi, maandishi yaliyokuzwa na skrini nyembamba.
• Weka maelezo ya bidhaa na malipo yatumike ikiwa SPREEAI haiwezi kupakia.

Uwekaji wa Shopify

Tumia mipangilio ya kuzuia programu katika kihariri cha mandhari cha Shopify. Usinakili chaguo za mitindo za Web SDK kwenye usanidi wa programu ya Shopify. Tazama Ujumuishaji wa Shopify.