Bu demo nasıl çalışır?
- Veri: ürün adı, SKU, parça ölçüsü, taş, zemin, levha ölçüsü ve dört fotoğraf Shopify'dan gelir (
mozeks.* metafield'ları). Storefront API anahtarı etkinken sayfa Shopify'ı canlı okur; değilse catalog.json içindeki anlık kopyayı kullanır.
- Ürün sayfasına geçiş: her görsel ve “View product” bağlantısı Shopify'daki ilgili ürün sayfasına gider. Bağlantılar PDF'te de tıklanabilir kalır.
- PDF: her sayfa basılı kataloğun A4 düzenindedir. “Download PDF” yazdırma penceresini açar; “PDF olarak kaydet” seçin. Sunucu sürümü aynı HTML'den dosyayı ürün her değiştiğinde otomatik üretir.
- Çevrimdışı: servis worker ilk ziyaretten sonra uygulamayı, veriyi ve görselleri cihaza kaydeder. Tableti uçak moduna alıp sayfayı yenileyin; katalog açılmaya devam eder. Bağlantı geri gelince “Refresh from Shopify” en güncel veriyi çeker.
- Kurulum: iPad'de Paylaş → “Ana Ekrana Ekle”; Android Chrome'da “Uygulamayı yükle”. Uygulama gibi tam ekran açılır.