Shop Promise'i ürün sayfanızda gösterme
Shop Promise rozeti, ABD'de yurt içi kargolarda beş veya daha az takvim günü içinde teslim edileceği öngörülen uygun teslimatlar için ürün sayfalarında teslim tarihinin yanında gösterilir. Bu rozet, müşterilerin siparişlerinin hızlı ve güvenilir teslimat içerdiğini bilmelerini sağlar.
Shop Promise'i etkinleştirdikten sonra Shop Promise rozetinin doğru şekilde gösterildiğini doğrulamak için tema düzenleyicinizi kullanarak ürün sayfasına gidin.
Rozet doğru şekilde görüntülenmiyorsa Shop Promise modülünü manuel olarak konumlandırmanız gerekir.
Shop Promise modülünü manuel olarak konumlandırma
Tema kodunu rahatlıkla okuyabiliyor ve düzenleyebiliyorsanız nerede değişiklik yapılacağını tanımlayabilir ve ürün sayfasını güncelleyebilirsiniz.
Nerede değişiklik yapılacağını tanımlama
Shop Promise modülünün kodu ürün sayfasındaki ürün formuna dahil edilmelidir. Kod şu şekilde görünebilir: {%- form 'product', product -%}
. Shop Promise modülü, temanıza bağlı olarak çeşitli konumlarda bulunabilir. Modülün bulunduğu yaygın konumlar aşağıda verilmiştir:
-
main-product.liquid
-
product-form.liquid
-
product-template.liquid
-
product.liquid
Ürün sayfasını güncelleme
Adımlar:
Shopify yöneticinizden Online Mağaza > Temalar'a gidin.
Düzenlemek istediğiniz temayı bulun, işlemler menüsünü açmak için ... düğmesine ve ardından Kodu düzenle'ye tıklayın.
Shopify uygulamasındanMağaza'ya dokunun.
Satış kanalları bölümünde Online Mağaza'ya dokunun.
Temaları yönet'e dokunun.
Düzenlemek istediğiniz temayı bulun, işlemler menüsünü açmak için ... düğmesine ve ardından Kodu düzenle'ye tıklayın.
Shopify uygulamasındanMağaza'ya dokunun.
Satış kanalları bölümünde Online Mağaza'ya dokunun.
Temaları yönet'e dokunun.
Düzenlemek istediğiniz temayı bulun, işlemler menüsünü açmak için ... düğmesine ve ardından Kodu düzenle'ye tıklayın.
İlgili dosyayı açın.
{%- if block.settings.show_dynamic_checkout -%}
veya{{ form | payment_button }}
kodunu içeren satırı bulun.Doğrudan
{%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%}
altında yeni bir satır oluşturun ve aşağıdakini satırın üzerine yapıştırın:
<div class="delivery-promise__promise-container"></div>
- Kayıtyap ' a tıklayın.
Sonuç, aşağıdaki gibi gözükmelidir:
{%- if block.settings.show_dynamic_checkout -%}
{{ form | payment_button }}
{%- endif -%}
<div class="delivery-promise__promise-container"></div>