Помощ
Влизане

Показване на Shop Promise на страницата на продукта

Значката Shop Promise се показва до датите за доставка и на страниците на продуктите за отговарящи на условията доставки, за които се очаква да бъдат извършени на територията на Съединените щати за пет или по-малко календарни дни. Тази значка информира клиентите, че поръчката им включва бърза и надеждна доставка.

След като активирате Shop Promise, трябва да отворите страницата на продукта чрез редактора на теми, за да потвърдите, че значката Shop Promise се показва правилно.

Ако значката не се показва правилно, уверете се, че в магазина Ви са активирани бутоните за ускорено плащане. Също така имате няколко опции за персонализиране на показването на значката Shop Promise.

На тази страница

Ръчно позициониране на модула Shop Promise

Ако се чувствате уверени в четенето и редактирането на код на тема, можете да идентифицирате къде да направите промени и да актуализирате страницата на продукта.

Идентифициране на местата за промени

Кодът за модула Shop Promise трябва да бъде включен във формуляра за продукта на страницата на продукта, който би трябвало да е подобен на {%- form 'product', product -%}. Модулът Shop Promise може да бъде намерен на различни места в зависимост от Вашата тема. Следват често срещани местоположения:

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

Актуализиране на страницата на продукта

Стъпки:

Настолен компютър

  1. От Вашия администраторски панел на Shopify отидете на Онлайн магазин > Теми.

  2. Намерете темата, която искате да редактирате, кликнете върху иконата Horizontal menu, за да отворите менюто с действия, и след това кликнете върху Редактиране на код.

  3. Отворете съответния файл.

  4. Намерете реда, който съдържа {%- if block.settings.show_dynamic_checkout -%} или {{ form | payment_button }}.

  5. Създайте нов ред непосредствено под {%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} и поставете следното на този ред:

<div class="delivery-promise__promise-container"></div>
  1. Кликнете върху Запазване.

Резултатът трябва да е подобен на следния:

{%- if block.settings.show_dynamic_checkout -%}
  {{ form | payment_button }}
{%- endif -%}
<div class="delivery-promise__promise-container"></div>
Мобилно устройство

  1. От приложението Shopify докоснете иконата Menu.

  2. В секцията Канали за продажба докоснете Онлайн магазин > Управление на всички теми.

  3. Намерете темата, която искате да редактирате, докоснете бутона …, за да отворите менюто с действия, и след това докоснете Редактиране на код.

  4. Отворете съответния файл.

  5. Намерете реда, който съдържа {%- if block.settings.show_dynamic_checkout -%} или {{ form | payment_button }}.

  6. Създайте нов ред непосредствено под {%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} и поставете следното на този ред:

<div class="delivery-promise__promise-container"></div>
  1. Докоснете Запазване или ✓.

Резултатът трябва да е подобен на следния:

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

Ръчно отменяне на темата на модула Shop Promise

Модулът Shop Promise има тъмна и светла тема. Модулът автоматично използва темата, която има по-висок коефициент на контраст в сравнение с цвета на фона на страницата на продукта.

Ако се чувствате уверени в четенето и редактирането на код на тема, можете да отмените избраната тема на модула, като добавите атрибут за данни към елемента котва, който се използва за ръчно позициониране на модула Shop Promise.

Преди да направите каквито и да било промени, дублирайте темата си и редактирайте дубликата, за да можете лесно да отмените всички промени.

Стъпки:

Настолен компютър
  1. Следвайте инструкциите за ръчно позициониране на модула Shop Promise на страницата на продукта и след това оставете редактора на теми отворен.
  2. Добавете атрибут за данни на темата към новосъздадения от Вас елемент котва, като го зададете на тъмна или светла.
  3. Кликнете върху Запазване.

Резултатът трябва да е подобен на един от следните:

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

Или

<div class="delivery-promise__promise-container" data-theme="light"></div>
Мобилно устройство
  1. Следвайте инструкциите за ръчно позициониране на модула Shop Promise на страницата на продукта и след това оставете редактора на теми отворен.
  2. Добавете атрибут за данни на темата към новосъздадения от Вас елемент котва, като го зададете на тъмна или светла.
  3. Докоснете Запазване.

Резултатът трябва да е подобен на един от следните:

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

Или

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

Добавяне на персонализиран HTML или Liquid за модула Promise

Ако Вашата тема поддържа персонализирани блокове, можете да използвате блок „персонализиран Liquid“, за да добавите модула Shop Promise към страницата на продукта си, без да редактирате кода на темата.

Стъпки за добавяне на модула Promise с помощта на персонализиран Liquid блок:

Настолен компютър

  1. От Вашия администраторски панел на Shopify отидете на Онлайн магазин > Теми.

  2. Намерете темата, която искате да редактирате, и кликнете върху Редактиране на тема.

  3. Отворете страница на продукт, като използвате селектора за шаблони в горната лента на менюто.

  4. В страничното меню намерете секция Информация за продукта.

  5. Кликнете върху Добавяне на блок и изберете персонализиран Liquid от списъка с налични блокове.

  6. В текстовото поле за персонализиран Liquid поставете следния код:

<div class="delivery-promise__promise-container"></div>
  1. Позиционирайте блока, като го плъзнете до желаното място, обикновено под блока с бутони за покупка.
  2. Кликнете върху Запазване, за да приложите промените си.

Ако искате да посочите предпочитание за тема (тъмна или светла), използвайте вместо това един от следните варианти:

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

Или

<div class="delivery-promise__promise-container" data-theme="light"></div>
Мобилно устройство

  1. От приложението Shopify докоснете иконата Menu.

  2. В секцията Канали за продажба докоснете Онлайн магазин > Управление на всички теми.

  3. Намерете активната си тема и докоснете Редактиране на тема.

  4. Отворете страница на продукт, като използвате селектора за шаблони в горната част.

  5. Докоснете секцията „Информация за продукта“.

  6. Докоснете „Добавяне на блок“ и изберете „Custom Liquid“.

  7. В текстовото поле за персонализиран Liquid поставете следния код:

<div class="delivery-promise__promise-container"></div>
  1. Позиционирайте блока, като го плъзнете до желаното място, обикновено под блока с бутони за покупка.
  2. Докоснете „Запазване“, за да приложите промените.

Ако искате да посочите предпочитание за тема (тъмна или светла), използвайте вместо това един от следните варианти:

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

Или

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

Поддържани езици за значката Shop Promise

Вижте таблицата по-долу за езиците, на които може да се показва значката Shop Promise. Ако езикът на магазина Ви не се поддържа, тогава значката Shop Promise се показва на английски език.

Езици, на които може да се показва значката Shop Promise.
Китайски (опростен)Китайски (традиционен)ХърватскиЧешки
ДатскиНидерландскиАнглийскиФинландски
ФренскиНемскиГръцкиХинди
УнгарскиИндонезийскиИталианскиЯпонски
КорейскиЛитовскиМалайскиНорвежки (букмол)
ПолскиПортугалски (Бразилия)Португалски (Португалия)Румънски
РускиСловашкиСловенскиИспански
ШведскиТайландскиТурскиВиетнамски