Shopify ipuçları
Shopify mağazasında zaman kazandıran küçük şeyler: göründüğünden fazlasını yapan URL’ler, yönetim paneli kısayolları ve Liquid ipuçları. Her biri canlı bir mağazada denendi ve tarihlendi.
Kısaca
Bunlar, Shopify’ın zaten yapabildiği ama nadiren tek bir yerde anlattığı şeyler için kısa ve denenmiş rehberler: sepeti dolduran ya da indirim uygulayan linkler, ürünü JSON olarak döndüren adresler, alternatif şablonlar, panel arama söz dizimi, toplu düzenleyicinin gizli sütunları ve Liquid’de hata ayıklama. Her sayfa önce kısa cevabı, ardından kopyalayabileceğiniz bir örneği ve son kontrol tarihini verir.
- 26 sayfa; müşteri işleri dahil her mağazada ücretsiz kullanılabilir (MIT lisansı)
URL ipuçları
Sepete ekleyen, indirim uygulayan, şablon değiştiren ya da veri döndüren vitrin adresleri.
Sepet permalink’leri: sepeti dolduran linkler
Ürünleri sepete ekleyip ödeme sayfasını açan bir Shopify linki oluşturun: /cart/varyant-id:adet; indirim kodu, e-posta ve sepet sayfası seçenekleriyle.
Sepeti boşaltmayan sepete ekle linkleri ve butonları
Ürünü Shopify sepetine, mevcut sepeti silmeden ekleyin: return_to ile /cart/add ürün formu, /cart/add.js çağrısı ve permalink’in ne zaman daha doğru olduğu.
?view= parametresi: herhangi bir alternatif şablonu açın
Ürün, koleksiyon ya da sayfayı adresine ?view=sonek ekleyerek alternatif şablonla açın; önizleme, hızlı bakış ve kampanya sayfaları için.
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.
Ürün .js, cart.js ve diğer JSON adresleri
Shopify ürününü, sepeti, önerileri ya da arama önerilerini vitrinden JSON olarak okuyun: /products/<handle>.js, /cart.js ve diğer Ajax API adresleri.
Koleksiyon sort_by ve filtre adresleri
Shopify koleksiyonuna sıralı ya da filtreli link verin: tüm sort_by değerleri ve tür, marka, etiket, fiyat, stok ve seçenekler için filter.p / filter.v.
/collections/all, marka ve ürün türü sayfaları
Her Shopify mağazasında siz oluşturmadan bulunan sayfalar: /collections/all, /collections ve /collections/vendors?q= ile marka ve ürün türü sayfaları.
İndirim kodunu otomatik uygulayan linkler
İndirim kodunu otomatik uygulayıp istediğiniz sayfayı açan bir Shopify linki paylaşın: /discount/KOD?redirect=/collections/summer ve QR kod.
Arama adresi parametreleri ve tahmini arama adresi
Shopify /search sayfasının kabul ettiği tüm parametreler (q, type, options[prefix], options[unavailable_products], sort_by, page) ve /search/suggest.json.
Section Rendering API: ?sections= ve ?section_id=
Shopify section’larının HTML’ini ?sections= ile beşe kadar, ?section_id= ile tek tek, istediğiniz sayfanın bağlamında çekin; sayfayı yenilemeden güncelleyin.
Yönetim paneli linkleri: ürün, varyant, JSON ve toplu düzenleyici
Yer imine eklemeye değer Shopify panel adresleri: ürün ve varyant sayfaları, ürünün JSON hali, tek metafield sütunlu toplu düzenleyici ve kısa ayar linkleri.
Pazar ve dil adresleri: /fr/, /en-ca/ ve ?country=
Shopify uluslararası adresleri nasıl kurar: /fr/ ve /en-ca/ gibi klasörler, alt alan adları ve alan adları, ?country= linkleri ve temada dile duyarlı linkler.
Yönetim paneli ipuçları
Arama, toplu düzenleme, dışa aktarma ve test siparişleri.
Yönetim paneli arama söz dizimi: filtreler, OR, NOT ve aralıklar
Shopify panelinde geliştirici gibi arayın: ürün, sipariş ve müşteri listelerinde field:value filtreleri, OR, NOT, aralıklar, joker karakterler ve görünümler.
Toplu düzenleyicide varsayılan olarak görünmeyen sütunlar
Shopify toplu düzenleyicide gizli kalan sütunları (tema şablonu, metafield’lar, barkodlar) ekleyin; düzenleyiciyi bir URL ile doğrudan tek metafield’da açın.
Shopify yönetim paneli klavye kısayolları
Shopify panelindeki tüm kısayolları ? ile açın, Cmd/Ctrl+K ile arayın, A ardından P ile ürün ekleyin; tema editörü ve toplu düzenleyici kısayolları da burada.
Ürün CSV sütunları: hangileri zorunlu, hangileri üzerine yazar
Önemli Shopify ürün CSV sütunları: zorunlu alanlar, varyant ID’lerini koruyan seçenek sütunları, üzerine yazma kutusu, metafield ve pazar sütunları.
Shopify Flow ile siparişleri otomatik etiketleyin
Yeni Shopify siparişlerini ücretsiz bir Flow iş akışıyla otomatik etiketleyin: Order created, bir koşul (kargo yöntemi, müşteri etiketi, SKU) ve Add order tags.
Test payment gateway (Bogus Gateway) ile test siparişi
Gerçek ödeme almadan Shopify test siparişi verin: Test payment gateway’i (eski adıyla Bogus Gateway) açın, 1, 2 ve 3 kart numaraları ve sonrasında temizlik.
Ürün, varyant ve müşteri ID’lerini bulun
Shopify ürün, varyant ve müşteri ID’leri nerede: panel adresi, .json yöntemi, varyant ID raporu, vitrindeki .js adresi, Liquid ve Admin API.
İndirim birleştirme: hangisi birleşir, hangisi birleşmez
Hangi Shopify indirimleri üst üste uygulanır: ürün, sipariş ve kargo sınıfları, yalnızca Plus’taki aynı ürün kuralı, 5 kod sınırı ve hesaplama sırası.
Liquid ve tema ipuçları
Hata ayıklama, şablon geçişleri ve bir şeyi doğru şekilde gizlemek.
json filtresiyle Liquid hata ayıklama
Bir Liquid nesnesinin içinde ne olduğunu görün: {{ product | json }} konsolda ya da <pre> içinde, yalnızca tema editöründe; JS’e güvenli veri aktarımı da dahil.
request.design_mode ve request.page_type
request.design_mode ile analitiği tema editörü dışında tutun, editör ipuçları gösterin; request.page_type ile script’leri yalnızca gereken sayfalarda yükleyin.
Farklı düzenler için alternatif ürün şablonları
Bazı Shopify ürünlerine farklı bir düzen verin: tema editöründe product.<ad>.json oluşturun, ürün bazında ya da toplu atayın, kodda template.suffix okuyun.
seo.hidden ile ürünü aramadan gizleyin
Shopify ürününü, sayfasını ya da blog yazısını seo.hidden metafield’ıyla Google’dan, site haritasından ve mağaza aramasından gizleyin; Unlisted ne zaman uygun?
Lansman öncesi e-posta toplayan şifre sayfası
Shopify’ın gizli modunu lansman sayfası yapın: şifre, ziyaretçi mesajı, lansman günü için etiketlenen e-posta kaydı, password şablonu ve mağazayı yayına almak.
Varyant ID’sini vitrinden bulun
Panele girmeden Shopify varyant ID’si bulun: ?variant= adresi, /products/<handle>.js, konsol komutu ve Liquid’de selected_or_first_available_variant.
Kod hakkında
- 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.
Sık sorulan sorular
- Bu ipuçları için uygulama gerekir mi?
- Hayır. Her ipucu Shopify’da zaten olan şeyleri kullanır: vitrin adresleri, yönetim paneli, Liquid ya da Shopify Flow. Tema düzenlemesi gerektiren sayfalar bunu belirtir ve kodu gösterir.
- Her Shopify planında çalışırlar mı?
- Sayfada aksi yazmıyorsa evet. Shopify Flow, Basic ve üstü planlarda kullanılabilir.
- SEO açısından güvenli mi?
- Evet. ?view= ya da sort_by gibi bir adres sayfanın kopya bir görünümünü oluşturduğunda Shopify’ın canonical etiketi yine ana adresi gösterir. Sitenizden bu adreslere link vermemeniz gereken durumları sayfalarda belirtiyoruz.
