Pop

İçeriğinizi erişilebilir halde tutmak için tasarlanan minimalist bir temadır. Küçük ve orta büyüklükte envanterlere sahip mağazalar için ideal olan Pop, içeriğinizi anında erişilebilir halde tutan geniş bir kenar çubuğu gezinme menüsüyle tasarlanmıştır.

Pop kullanan örnek online mağaza

Tema düzenleyicisi

Temanızı özelleştirmek için tema düzenleyicisini kullanın. Tema düzenleyicisi aracılığıyla tema bölümlerini ekleyip düzenleyerek mağazanızda görünen içeriği düzenleyebilirsiniz. Ayrıca tema ayarlarını kullanarak mağazanın genel görünümünü ve işlevselliğini değiştirebilirsiniz.

Tema içeriği, bölümler kullanılarak oluşturulur. Bölümler, online mağazanızdaki farklı sayfaların düzenini ve görünümünü belirleyen özelleştirilebilir içerik bloklarıdır.

Statik bölümler, online mağazanızdaki önceden belirlenmiş konumlarda görünen bölümlerdir. Bu bölümler kaldırılamaz veya yeniden düzenlenemez. Statik bölümler ürün ve koleksiyon sayfaları gibi sayfalarda üstbilgi, altbilgi, gezinme bölümleri veya içerik bölümleri içerebilir. Örneğin Ürün bölümü, online mağazanızdaki her bir ürün sayfasının görünümünü belirler.

Dinamik bölümler, ana sayfanızın düzenini özelleştirmek için kullanabileceğiniz isteğe bağlı bölümlerdir. Mağazanızın ana sayfasında, sayfa düzenini oluşturmak için dinamik bölümler ekleyebilir, bunları yeniden düzenleyebilir ve kaldırabilirsiniz. Ana sayfanızda en fazla 25 dinamik bölüm olabilir.

Pop temasının benzersiz bölümler dizisi ve bunların işletmenize uyacak şekilde nasıl özelleştirileceği hakkında bilgi edinebilirsiniz.

Pop aşağıdaki statik bölümleri içerir:

  • Logo ve menü
  • Duyuru çubuğu
  • Altbilgi
  • Ürün sayfaları
  • Koleksiyon sayfaları
  • Koleksiyonlar listesi sayfası
  • Makale

Dinamik bölümler

Ana sayfanızın düzenini özelleştirmek için dinamik bölümler ekleyebilir, bunları yeniden düzenleyebilir ve kaldırabilirsiniz. Her temanın, arasından seçim yapabileceğiniz benzersiz bir dinamik bölümler grubu vardır.

Pop aşağıdaki dinamik bölümleri içerir:

  • Blog gönderileri
  • Koleksiyon listesi
  • Öne çıkan koleksiyon
  • Metin içeren görsel
  • Slayt gösterisi
  • Öne çıkan ürün
  • Bülten
  • Harita
  • Zengin metin
  • Video
  • Özel HTML

Ürün sayfaları

Ürün sayfası bölümünde, aşağıdaki öğeleri ekleyebilir veya kaldırabilirsiniz:

  • Ürünün markası veya satıcısı
  • Görsel yakınlaştırma
  • Alakalı ürünler
  • Adet seçici
  • Dinamik ödeme düğmesi
  • Sosyal medya paylaşım simgeleri

Ürün sayfalarının ayarlarını düzenlemek için:

  1. Üst çubuktaki açılır menüden Ürün sayfaları'nı seçin.

  2. Bölümler'e tıklayın.

  3. Ürün sayfası'na tıklayın.

  4. Ürünün markasını veya satıcısını göstermek için Show product vendor (Ürün satıcısını göster) seçeneğini işaretleyin. Bir markanın veya satıcının gösterilmesi için ürüne satıcı eklemeniz gerekir.

  5. Müşterilerin, ürün görselinin üzerine gelerek yakınlaştırma yapabilmesini sağlamak için Enable image zoom (Görsel yakınlaştırmayı etkinleştir) seçeneğini işaretleyin.

  6. Sayfanın alt tarafında bir dizi alakalı ürün göstermek için Show related products (Alakalı ürünler göster) seçeneğini işaretleyin. Ürünün ait olduğu koleksiyon, gösterilen alakalı ürünleri belirler. Alakalı ürünlerin gösterilmesi için, ürüne yönelik bir koleksiyon oluşturmanız veya ürünü mevcut bir koleksiyona eklemeniz gerekir. Ürün bir koleksiyona ait değilse alakalı ürün gösterilmez.

  7. Adet seçici göstermek için Show quantity selector (Adet seçici göster) seçeneğini işaretleyin.

  8. Dinamik ödeme düğmesi göstermek için Show dynamic checkout button (Dinamik ödeme düğmesini göster) seçeneğini işaretleyin.

  9. Sosyal medya paylaşım simgeleri göstermek için Enable product sharing (Ürün paylaşımını etkinleştir) seçeneğini işaretleyin.

  10. Kayıtyap ' a tıklayın.

Bülten

Ana sayfanıza bir bülten kaydı bölümü ekleyebilirsiniz. Bu, e-posta ile pazarlama kampanyaları için müşteri e-posta adreslerini toplamanızı sağlar. Shopify blogunda e-posta ile pazarlama hakkında daha fazla bilgi edinebilirsiniz.

Ana sayfanıza bülten kaydı bölümü eklemek için:

  1. Bölümler'e tıklayın.

  2. Bölüm ekle > Bülten'e tıklayın.

  3. Başlık alanına bülten kaydı bölümünüz için bir başlık girin. Varsayılan başlık "Subscribe to our newsletter" (Bültenimize abone olun) şeklindedir.

  4. Subtext (Alt metin) alanına bülten kaydı bölümünüz için bir alt başlık girin. Varsayılan metin "Promotions, new products and sales. Directly to your inbox" (Promosyonlar, yeni ürünler ve satışlar. Hepsi gelen kutunuzda" şeklindedir.

  5. Background color (Arka plan rengi) numune parçasına tıklayıp bir renk seçerek bülten kaydı bölümü için arka plan rengini ayarlayın.

  6. Kayıtyap ' a tıklayın.

Video

Ana sayfanıza YouTube veya Vimeo'da barındırılan bir videoyu ekleyebilirsiniz. Videolar müşterilerinizin katılımını artırabilir ve dikkatlerini işletmenize çeker.

Ana sayfanıza video eklemek için:

  1. Bölümler'e tıklayın.

  2. Bölüm ekle > Video'ya tıklayın.

  3. Başlık alanına videonuz için bir başlık girin.

  4. Video link (Video bağlantısı) alanına videonuzun paylaşım bağlantısını girin.

    YouTube paylaşım bağlantısı şu şekilde görünür: https://youtu.be/OTJXAUZY9t0. Bu YouTube Yardım makalesinde bir YouTube videosunun paylaşım bağlantısını nasıl kopyalayacağınızı öğrenebilirsiniz.

    Vimeo paylaşım bağlantısı şu şekilde görünür: https://vimeo.com/281332510. Bu Vimeo Help Center makalesinde bir Vimeo videosunun paylaşım bağlantısını nasıl kopyalayacağınızı öğrenebilirsiniz.

  5. Kayıtyap ' a tıklayın.

Özel HTML

Custom HTML (Özel HTML) bölümünde ana sayfanıza yönelik özel içerik oluşturmak için HTML kodunu kullanabilirsiniz. Örneğin, metin bloklarını biçimlendirmek, tablolar oluşturmak veya üçüncü taraf bir web sitesinden içerik eklemek için HTML'yi kullanabilirsiniz.

Ana sayfanıza özel HTML bölümü ekleme

  1. Bölüm ekle'ye tıklayın.

  2. Özel HTML'ye ve Seç'e tıklayın.

  3. Custom HTML (Özel HTML) seçeneğine tıklayın ve ana sayfanıza eklemek istediğiniz HTML kodunu girin.

  4. Kayıtyap ' a tıklayın.

Online mağazanızdaki renkleri ve tipografiyi özelleştirmek için tema ayarlarını kullanabilirsiniz. Ayrıca sosyal medya hesaplarınızın bağlantılarını ayarlayabilir, sepet ayarlarınızı düzenleyebilir ve favicon ekleyebilirsiniz.

Pop aşağıdaki tema ayarlarını içerir:

  • Renkler
  • Baskı
  • Favicon
  • Sepet sayfası
  • Sosyal medya
  • Ödeme

Renkler

Online mağazanızın farklı kısımları için renk seçebilirsiniz.

Renk ayarlarınızı özelleştirme

  1. Tema ayarları'na tıklayın.
  2. Renkler'e tıklayın.
  3. Renk seçiciyi açmak için değiştirmek istediğiniz içerik türü renginin renk numune parçasına tıklayın. Son seçilen alanı, temanız için en son seçtiğiniz renkleri gösterir. Şu anda kullanılan alanı, temanızın diğer kısımlarında şu anda kullandığınız renkleri gösterir.

    Belirli bir hex renk kodu ayarlamak istiyorsanız rengi girmek için metin alanına tıklayın.

    Rengi şeffaf olarak ayarlamak için metin alanından hex kodu değerini silin.

  4. Kayıtyap ' a tıklayın.

Baskı

Online mağazanızdaki metinlerin yazı tipi stilini ve boyutunu ayarlayabilirsiniz. Sistem yazı tipi veya özel bir yazı tipi seçebilirsiniz.

Mağazanızda sistem yazı tiplerini kullanmanız önerilir. Sistem yazı tiplerini kullanarak, müşterinizin bilgisayarına yeni yazı tiplerinin indirilmesini ve böylece, mağazanızın yüklenme hızının olumsuz yönde etkilenmesini önlersiniz. Müşterinizin bilgisayarında görüntülenen yazı tipi, müşterinizin kullandığı işletim sistemine bağlıdır. Sistem yazı tipleri hakkında daha fazla bilgi edinin.

Tipografi ayarlarınızı özelleştirme

  1. Tema ayarları'na tıklayın.

  2. Typography (Tipografi) seçeneğine tıklayın.

  3. Her metin türünde, yazı tipi seçiciyi kullanmak için Değiştir'e tıklayın.

  4. Arama alanını kullanarak veya Daha fazla yükle seçeneğine dokunarak yazı tiplerini keşfedin.

    Kullanılabilen tüm yazı tiplerini görmek için Shopify'ın yazı tipi kitaplığına bakın.

  5. Kullanmak istediğiniz yazı tipinin adına tıklayın.

  6. Yazı tipini değiştirmek için geçerli yazı tipi stilinin adına tıklayın ve açılır menüden yeni bir yazı tipi stili seçin.

  7. Seç'e tıklayın.

  8. Kayıtyap ' a tıklayın.

Sosyal medya

Ürünleriniz ve blog gönderileriniz için sosyal medya paylaşım düğmelerinin yanı sıra sosyal medya hesaplarınızın bağlantılarını ekleyebilirsiniz.

Sosyal medya ayarlarını özelleştirmek için:

  1. Tema ayarları' na tıklayın.

  2. Sosyal medya'ya tıklayın.

  3. Sosyal medya paylaşım görseli yüklemek için Sosyal medya paylaşım görseli alanında Görsel seçin'e veya Ücretsiz görselleri keşfedin'e tıklayın.

  4. Sosyal medya hesaplarınızın bağlantılarını eklemek için Sosyal medya hesapları alanında verilen alanlara hesaplarınızın bağlantılarını girin. https://instagram.com/shopify veya https://twitter.com/shopify şeklinde, bağlantıların tamamını girin.

    Sosyal medya hesaplarınızın bağlantıları, online mağazanızın altbilgisinde gösterilir.

  5. Ürünlerinize ve blog gönderilerinize sosyal medya paylaşım düğmeleri eklemek için Social sharing options (Sosyal medya paylaşım seçenekleri) alanında onay kutularının herhangi birini veya tümünü işaretleyin.

    Aşağıdaki paylaşım düğmelerini ekleyebilirsiniz:

- Facebook'ta paylaş - Twitter'da tweet'le - Pinterest'te pin ekle (blog gönderisi paylaşımı için kullanılamaz)

  1. Kayıtyap ' a tıklayın.

Not: Ürün sayfalarında ve blog gönderilerinde sosyal medya paylaşım düğmeleri göstermek için düğmeleri bu sayfalara ilişkin bölümlerde de etkinleştirmeniz gerekir.

Kenar çubuğuna alt menü ekleme

Ana Menünüze açılan menüler eklemek için Gezinme sayfanızda menüler oluşturmanız gerekir. Bu makale, süreç boyunca size yol gösterecektir.

Optimum mağaza logosu boyutu

Pop teması, logonuzu bir kenar çubuğunda gösterdiğinden bu temada en iyi görünecek logo, orantılı olarak kompakt bir logodur. Genişliği fazla ve yüksekliği nispeten az olan banner benzeri logolar bu temada iyi görünmez.

Logonuz için maksimum genişlik 450 piksel, maksimum yükseklik ise 200 pikseldir. Yüklediğiniz logo dosyası, bu kısıtlamalara uyacak şekilde yeniden boyutlandırılır.

İdeal biçim PNG'dir.

Kenar çubuğu logosunun etrafındaki boşlukları azaltma

Logonuzun üstüne ve altına Pop teması tarafından eklenen herhangi bir dolguyu kaldırmadan önce, görselin kendisinden geliyor olabilecek dolguları kırpmanız son derece önemlidir. Logonuzun dosyasını Shopify'a yüklemeden önce logonuzun etrafındaki negatif alanı veya saydam pikselleri kırpmanız gerekir.

Etrafında bol miktarda negatif alan bulunan bir logoyu aşağıda görebilirsiniz:

Aynı logo, negatif alan kırpıldıktan sonra şu şekilde görünür:

Kırpılmamış bir logo, Pop temasında kullanıldığında şu şekilde görünür:

Kırpılmış bir logo, Pop temasında kullanıldığında şu şekilde görünür:

Tema öğelerinize kırpılmış bir logo yükledikten sonra tema düzenleyicisine giderek kenar çubuğunuzun genişliğini ayarlayabilirsiniz. Header & Navigation (Üstbilgi ve Gezinme) bölümünde, "Sizing > Desktop Menu Width" (Boyutlandırma > Masaüstü Menüsü Genişliği) değerini dilediğiniz şekilde düzenleyin.

Desteklenmeyen nihai bir önlem olarak, logonuzun üstündeki ve altındaki dolguyu azaltmak istiyorsanız şu adımları izleyin:

  1. Öğeler bölümünde, tema stil sayfanızı online kod düzenleyicisinde açmak için timber.scss.liquid öğesine tıklayın veya bu URL'ye gidin.

  2. Dosyanın alt kısmına şunu ekleyin:

```sass {% comment %} The following media query function produces this: @media screen and (min-width: 1025px) { ... } Sidebar is only shown when width > 1025 pixels. {% endcomment %}

@include at-query ($min, $large) { .header-logo { margin-bottom: 30px /* original is 60px */; }

.site-header {
   padding-top: 30px /* original is 90px */;

   .hr--small {
     margin: 0 auto 10px /* original is 15px auto 30px */;
   }
 }

} ```

  1. Dosyanızı kaydedin.

Ürün sayfasının ayarlarını düzenleme

Ürün sayfası bölümünde, aşağıdaki öğeleri ekleyebilir veya kaldırabilirsiniz:

  • Ürünün markası veya satıcısı
  • Görsel yakınlaştırma
  • Alakalı ürünler
  • Adet seçici
  • Dinamik ödeme düğmesi
  • Sosyal medya paylaşım simgeleri

Ürün sayfalarının ayarlarını düzenlemek için:

  1. Üst çubuktaki açılır menüden Ürün sayfaları'nı seçin.

  2. Bölümler'e tıklayın.

  3. Ürün sayfası'na tıklayın.

  4. Ürünün markasını veya satıcısını göstermek için Show product vendor (Ürün satıcısını göster) seçeneğini işaretleyin. Bir markanın veya satıcının gösterilmesi için ürüne satıcı eklemeniz gerekir.

  5. Müşterilerin, ürün görselinin üzerine gelerek yakınlaştırma yapabilmesini sağlamak için Enable image zoom (Görsel yakınlaştırmayı etkinleştir) seçeneğini işaretleyin.

  6. Sayfanın alt tarafında bir dizi alakalı ürün göstermek için Show related products (Alakalı ürünler göster) seçeneğini işaretleyin. Ürünün ait olduğu koleksiyon, gösterilen alakalı ürünleri belirler. Alakalı ürünlerin gösterilmesi için, ürüne yönelik bir koleksiyon oluşturmanız veya ürünü mevcut bir koleksiyona eklemeniz gerekir. Ürün bir koleksiyona ait değilse alakalı ürün gösterilmez.

  7. Adet seçici göstermek için Show quantity selector (Adet seçici göster) seçeneğini işaretleyin.

  8. Dinamik ödeme düğmesi göstermek için Show dynamic checkout button (Dinamik ödeme düğmesini göster) seçeneğini işaretleyin.

  9. Sosyal medya paylaşım simgeleri göstermek için Enable product sharing (Ürün paylaşımını etkinleştir) seçeneğini işaretleyin.

  10. Kayıtyap ' a tıklayın.

Pop için en iyi ürün görseli türleri

Yüksek çözünürlüklü fotoğraflar, Pop temasında daha şık ve profesyonel görünür. Bu nedenle, en az 1024 genişliğinde ve 1024 piksel yüksekliğinde görseller kullanmanız gerekir. Görsellerin ölçeği gerektiğinde otomatik olarak düşürüldüğünden kalite ne kadar yüksek olursa görseller de o kadar iyi görünür.

Ürün Sayfaları bölümündeki tema düzenleyicisinde etkinleştirebileceğiniz Görsel Yakınlaştırma işlevini kullanıyorsanız yüksek çözünürlüklü fotoğraflar özellikle önem kazanır.

Ürünlerinizin öne çıkan görsellerinin tümü, koleksiyon sayfalarında en iyi şekilde görünmek için aynı genişlik-yükseklik oranına sahip olmalıdır.

Shopify ile satış yapmaya hazır mısınız?

Ücretsiz olarak dene