Ajutor
Conectați-vă

Afișarea Shop Promise pe pagina de produs

Ecusonul Shop Promise este afișat lângă datele de livrare și pe paginile de produs pentru livrările eligibile care sunt estimate a fi livrate pe plan intern în Statele Unite în cinci sau mai puține zile calendaristice. Acest ecuson îi informează pe clienți că respectiva comandă include livrare rapidă și fiabilă.

După ce activați Shop Promise, ar trebui să navigați la pagina de produs folosind editorul de teme pentru a confirma că ecusonul Shop Promise se afișează corect.

Dacă ecusonul nu se afișează corect, asigurați-vă că magazinul dvs. are butoanele de plată accelerată activate. De asemenea, aveți la dispoziție mai multe opțiuni pentru a personaliza afișarea ecusonului Shop Promise.

Pe această pagină

Poziționarea manuală a modulului Shop Promise

Dacă sunteți familiarizat(ă) cu citirea și editarea codului temei, atunci puteți identifica unde să faceți modificări și să actualizați pagina de produs.

Identificarea locului unde se fac modificări

Codul pentru modulul Shop Promise trebuie inclus în formularul de produs de pe pagina de produs, care ar trebui să fie similar cu {%- form 'product', product -%}. Modulul Shop Promise poate fi găsit în diverse locații, în funcție de tema dvs. Următoarele sunt locații comune:

  • main-product.liquid
  • product-form.liquid
  • product-template.liquid
  • product.liquid

Actualizarea paginii de produs

Pași:

Desktop

  1. Din panoul de administrare Shopify, accesați Magazin online > Teme.

  2. Găsiți tema pe care doriți să o editați, faceți clic pe pictograma Meniu orizontal pentru a deschide meniul de acțiuni, apoi faceți clic pe Editare cod.

  3. Deschideți fișierul relevant.

  4. Găsiți linia care conține {%- if block.settings.show_dynamic_checkout -%} sau {{ form | payment_button }}.

  5. Creați o linie nouă direct sub {%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} și inserați următoarele pe acea linie:

<div class="delivery-promise__promise-container"></div>
  1. Faceți clic pe Salvare.

Rezultatul ar trebui să fie similar cu următorul:

{%- if block.settings.show_dynamic_checkout -%}
  {{ form | payment_button }}
{%- endif -%}
<div class="delivery-promise__promise-container"></div>
Mobil

  1. Din Shopify app, atingeți pictograma Menu.

  2. În secțiunea Canale de vânzări, atingeți Magazin online > Gestionează toate temele.

  3. Găsiți tema pe care doriți să o editați, atingeți butonul … pentru a deschide meniul de acțiuni, apoi atingeți Editare cod.

  4. Deschideți fișierul relevant.

  5. Găsiți linia care conține {%- if block.settings.show_dynamic_checkout -%} sau {{ form | payment_button }}.

  6. Creați o linie nouă direct sub {%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} și inserați următoarele pe acea linie:

<div class="delivery-promise__promise-container"></div>
  1. Atingeți Salvare sau ✓.

Rezultatul ar trebui să fie similar cu următorul:

{%- if block.settings.show_dynamic_checkout -%}
  {{ form | payment_button }}
{%- endif -%}
<div class="delivery-promise__promise-container"></div>

Suprascrierea manuală a temei modulului Shop Promise

Modulul Shop Promise are o temă întunecată și una deschisă. Modulul utilizează automat tema care are cel mai mare raport de contrast în comparație cu culoarea de fundal a paginii de produs.

Dacă sunteți familiarizat(ă) cu citirea și editarea codului temei, puteți suprascrie tema selectată a modulului adăugând un atribut de date la elementul ancoră care este utilizat pentru poziționarea manuală a modulului Shop Promise.

Înainte de a efectua orice modificare, duplicați-vă tema și editați tema duplicat, astfel încât să puteți anula cu ușurință orice modificare.

Pași:

Desktop
  1. Urmați instrucțiunile pentru a poziționa manual modulul Shop Promise pe pagina de produs și apoi mențineți editorul de teme deschis.
  2. Adăugați un atribut de date de temă la elementul ancoră nou creat, setat la dark sau light.
  3. Faceți clic pe Salvare.

Rezultatul ar trebui să fie similar cu una dintre următoarele variante:

<div class="delivery-promise__promise-container" data-theme="dark"></div>

Sau

<div class="delivery-promise__promise-container" data-theme="light"></div>
Mobil
  1. Urmați instrucțiunile pentru a poziționa manual modulul Shop Promise pe pagina de produs și apoi mențineți editorul de teme deschis.
  2. Adăugați un atribut de date de temă la elementul ancoră nou creat, setat la dark sau light.
  3. Atingeți Salvare.

Rezultatul ar trebui să fie similar cu una dintre următoarele variante:

<div class="delivery-promise__promise-container" data-theme="dark"></div>

Sau

<div class="delivery-promise__promise-container" data-theme="light"></div>

Adăugarea de cod HTML sau Liquid personalizat pentru modulul Promise

Dacă tema dvs. acceptă blocuri personalizate, atunci puteți utiliza un bloc de Liquid personalizat pentru a adăuga modulul Shop Promise la pagina de produs fără a edita codul temei.

Pași pentru a adăuga modulul Promise folosind un bloc de Liquid personalizat:

Desktop

  1. Din panoul de administrare Shopify, accesați Magazin online > Teme.

  2. Găsiți tema pe care doriți să o editați și faceți clic pe Editare temă.

  3. Navigați la o pagină de produs folosind selectorul de șabloane din bara de meniu superioară.

  4. În meniul din bara laterală, găsiți secțiunea Informații despre produs.

  5. Faceți clic pe Adăugare bloc și selectați Liquid personalizat din lista de blocuri disponibile.

  6. În câmpul de text Liquid personalizat, inserați următorul cod:

<div class="delivery-promise__promise-container"></div>
  1. Poziționați blocul trăgându-l în locația dorită, de obicei sub blocul Butoane de cumpărare.
  2. Faceți clic pe Salvare pentru a vă aplica modificările.

Dacă doriți să specificați o preferință de temă (întunecată sau deschisă), atunci utilizați în schimb una dintre următoarele variante:

<div class="delivery-promise__promise-container" data-theme="dark"></div>

Sau

<div class="delivery-promise__promise-container" data-theme="light"></div>
Mobil

  1. Din Shopify app, atingeți pictograma Menu.

  2. În secțiunea Canale de vânzări, atingeți Magazin online > Gestionează toate temele.

  3. Găsiți tema activă și atingeți Editare temă.

  4. Navigați la o pagină de produs folosind selectorul de șabloane din partea de sus.

  5. Atingeți secțiunea Informații despre produs.

  6. Atingeți Adăugare bloc și selectați Liquid personalizat.

  7. În câmpul de text Liquid personalizat, inserați următorul cod:

<div class="delivery-promise__promise-container"></div>
  1. Poziționați blocul trăgându-l în locația dorită, de obicei sub blocul Butoane de cumpărare.
  2. Atingeți Salvare pentru a aplica modificările.

Dacă doriți să specificați o preferință de temă (întunecată sau deschisă), atunci utilizați în schimb una dintre următoarele variante:

<div class="delivery-promise__promise-container" data-theme="dark"></div>

Sau

<div class="delivery-promise__promise-container" data-theme="light"></div>

Limbi acceptate pentru ecusonul Shop Promise

Consultați tabelul următor pentru limbile în care poate fi afișat ecusonul Shop Promise. Dacă limba magazinului dvs. nu este acceptată, atunci ecusonul Shop Promise este afișat în limba engleză.

Limbile în care poate fi afișat ecusonul Shop Promise.
Chineză (simplificată)Chineză (tradițională)CroatăCehă
DanezăNeerlandezăEnglezăFinlandeză
FrancezăGermanăGreacăHindi
MaghiarăIndonezianăItalianăJaponeză
CoreeanăLituanianăMalaezăNorvegiană (Bokmål)
PolonezăPortugheză (Brazilia)Portugheză (Portugalia)Română
RusăSlovacăSlovenăSpaniolă
SuedezăThailandezăTurcăVietnameză