Yayınlanmamış bir temanın önizlemesini paylaşın

Yayınlanmamış Shopify temasını müşteriye ya da ekibe gösterin: shopifypreview.com ziyaretçi linkleri, yönetici önizlemesi, süreler ve preview_theme_id sorunu.

Ziyaretçi linki
https://<token>-<shop_id>.shopifypreview.com
Süre
Ziyaretçi 2 gün, yönetici 30 gün
Giriş
Ziyaretçi: gerekmez; yönetici: panel girişi
Plan
Her plan
Son kontrol

Kısaca

Online Store’da temanın Preview’ını açıp önizleme çubuğundaki paylaş butonuna tıklayın: <token>-<shop_id>.shopifypreview.com adresinde, giriş gerektirmeyen ve 2 gün geçerli bir ziyaretçi linki alırsınız. Adres çubuğundaki yönetici (merchant) önizlemesi panel girişi ister, ödeme sayfasına erişir ve 30 gün geçerlidir. Canlı adreslerde preview_theme_id parametresi görünüyorsa bu, önizleme çubuğunu herkese gösteren bir tema hatasıdır.

Nasıl kullanılır

  1. Yönetim panelinde Online Store’a gidin, temanın işlem menüsünü (…) açın ve Preview’a tıklayın.
  2. İsterseniz önizleme çubuğunda bir ülke ya da dil seçin; inceleyen kişi o pazarı görsün.
  3. Önizleme çubuğundaki paylaş butonuyla ziyaretçi linkini kopyalayıp gönderin.
  4. Süresi dolunca yeni bir link oluşturun; yeni linkler eskileri bozmaz.

Kod

find-preview-theme-id.txt
# The preview bar shows on the live store for every visitor?
# Look for this parameter in the address bar of a live URL:
preview_theme_id

# Then search the theme code for it (Edit code > search), most likely in:
layout/theme.liquid
assets/*.js

# Remove the code that adds preview_theme_id to links or redirects.
preview-links.txt
# Visitor preview: anyone with the link, no login, expires 2 days after creation
https://<token>-<shop_id>.shopifypreview.com

# Merchant preview: your primary domain with a token parameter,
# needs admin login, can reach checkout, expires 30 days after creation
# (shown in the address bar after Online Store > theme > ... > Preview)

# Where to create the visitor link
Online Store > (theme) ... > Preview > share button in the preview bar > copy link

Lintel tarafından yazıldı. MIT lisansı: kendi mağazanızda da müşteri işlerinizde de ücretsiz kullanabilirsiniz.

Sınırlar ve özel durumlar

  • Ödeme sayfasına yalnızca yönetici önizlemesi (panel girişiyle) erişebilir; yeni temada checkout testi gerekiyorsa onu kullanın.
  • Taslak temayı önizlerken canlı temaya yönlendiriliyorsanız, Shopify yardım merkezi bunun nedeni olarak mağazanın önündeki Cloudflare önbelleğini gösteriyor.
  • Önizleme çubuğu canlı mağazada görünüyorsa temanın layout ve .js dosyalarında preview_theme_id arayın ve bunu adreslere ekleyen kodu kaldırın.
  • Önizleme çubuğu hiç görünmüyorsa genellikle theme.liquid içindeki content_for_header değiştirilmiştir.

Sık sorulan sorular

Shopify tema önizlemesi müşteriyle nasıl paylaşılır?
Temayı Online Store’dan önizleyin, ardından önizleme çubuğundaki paylaş butonuna tıklayın. Link 2 gün boyunca herkes için çalışır.
Shopify önizleme linkim neden çalışmıyor?
Ziyaretçi önizleme linklerinin süresi, oluşturulduktan 2 gün sonra dolar. Önizleme çubuğundan yenisini oluşturun.
preview_theme_id nedir?
Shopify’ın önizlemeler için kullandığı dahili bir parametre. Temanız bunu canlı adreslere ekliyorsa her ziyaretçi önizleme çubuğunu görür; ekleyen kodu kaldırın.
Paylaşmak için temanın yayında olması gerekir mi?
Hayır. Tema kütüphanenizdeki her tema önizleme olarak paylaşılabilir.
  • Gösterilen tarihte bir Shopify mağazasında denendi. Shopify yönetim panelini sık değiştirir; bir adım farklı görünüyorsa fikir genellikle hâlâ geçerlidir.
  • Örneklerde yer tutucu ID’ler ve your-store.myshopify.com kullanılır. Kendi değerlerinizle değiştirin.
  • Kod parçaları MIT lisanslıdır.

Mağazanız için kurulmasını, test edilmesini ve bakımını isterseniz: Shopify geliştirme.

Geliştirmek istediğiniz bir şey mi var? Gelin, birlikte konuşalım.

Aynı anda sınırlı sayıda proje alıyoruz.

Gencer KarakayaShopify mühendisi

Proje özetinizi bir mühendis okur; size e-postayla yanıt veririz.