Shopify themes, liquid, logos, and UX
Merhaba Sevgili Arkadaşlar,
Trade temasının masaüstü bölümünde, Kategoriler bölümündeki ürünler sekmesi son kategoriye doğru kayıyor. Bu dengeyi sağlayamadım. Mobil versiyonda eşleştiğinde masaüstünde eşleşmiyor. Masaüstünde eşleştiğinde mobilde kayıyor. Lütfen yardımcı olabilir misiniz?
Alt tarafta bulunan kategoriler bölümü, Saksılar ve peyzaj malzemeleri kategorisi altında Ürünleri gör sekmesi, diğer kategorilerin sekmeleriyle aynı değildir.
Site ismim: modabotanik.com
@modabotanik wrote:Merhaba Sevgili Arkadaşlar,
Trade temasının masaüstü bölümünde, Kategoriler bölümündeki ürünler sekmesi son kategoriye doğru kayıyor. Bu dengeyi sağlayamadım. Mobil versiyonda eşleştiğinde masaüstünde eşleşmiyor. Masaüstünde eşleştiğinde mobilde kayıyor. Lütfen yardımcı olabilir misiniz?
Alt tarafta bulunan kategoriler bölümü, Saksılar ve peyzaj malzemeleri kategorisi altında Ürünleri gör sekmesi, diğer kategorilerin sekmeleriyle aynı değildir.
Site ismim: modabotanik.com
Merhaba! Trade temasındaki bu sorun oldukça yaygın bir durum gibi görünüyor ve genellikle CSS ya da tema ayarlarından kaynaklanıyor. Sana bu konuda yardımcı olabilmek için birkaç önerim var:
Flexbox veya Grid Kullanımı: Masaüstü ve mobil düzenlemeler arasında uyum sağlamak için CSS kullanarak Flexbox veya Grid yöntemlerini tercih edebilirsin. Bu yöntemlerle her kategoriye sabit boyutlar veya oranlar atayabilirsin.
Medya Sorguları (Media Queries): Mobil ve masaüstü cihazlara özgü düzenlemeler için medya sorgularını kullanarak farklı CSS stilleri tanımlayabilirsin. Örneğin:
@media (max-width: 768px) {
.category-item {
font-size: 14px;
margin: 10px;
}
}
@media (min-width: 769px) {
.category-item {
font-size: 16px;
margin: 15px;
}
}
Tema Ayarları: Trade temasının ayarlar panelini kontrol ederek kategoriler için verilen standart aralıklara veya sekme düzenlemelerine müdahale edebilirsin. Bazen belirli bir kategoriye farklı bir tasarım stili atanmış olabilir, bunu gözden geçirmekte fayda var.
"Ürünleri Gör" Butonu Stili: Bu sekmenin diğer kategorilerle eşleşmesi için doğrudan HTML ve CSS dosyalarını kontrol etmeni öneririm. Belki de bu buton, diğer sekmelerden farklı bir class veya ID ile tanımlanmıştır.
Tarayıcıda Element İnceleme: Tarayıcıda "Inspect" (Element İnceleme) aracını kullanarak sorunlu sekmelerin CSS kurallarını kontrol edebilirsin. Bu, hangi özelliklerin sekmeler arasında farklı olduğunu anlamana yardımcı olabilir.
Best regards,
Edna
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025