• Cs-Cart Türkiye Destek ve Paylaşım Sitemize Hoş Geldiniz
  • Yeni Temamızla Daha işlevsel Sizlerleyiz.
  • Öneri ve Dileklerinizi Mesajla iİetiniz.
Hoşgeldiniz.! Lütfen Giriş Yap yada Kayıt Ol


Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5
Soru responsive tema mobil görünümde yan yana 2 ürün nasıl gösterilir
#1
Merhaba arkadaşlar şunu nasıl yapabiliriz, mobil cihazdan siteyi görüntülediğimizde ürünler tek tek alt alta gösteriliyor bunu yan yana 2 tane gelecek şekilde ayarlayabilmek mümkünmü yani görünümü sanki bir mobil uygulamadan girilmiş gibi yapmak mümkünmü css ile olabilirmiş galiba ama benim css bilgim yok
 
Cevap
#2
cool baby temasından yapmışlardı diye anımsıyorum internetten demosuna bakarsan görebilirsin ama belli bir rezülasyondan sonra teke düşüyordu herhalde... prestashopta yaygınlaşmaya başladı bu olay 2-3 ben ılımlı görmüyorum .. bu sefer mobilden çıkmış normal siteyi öyle yapmışıda ürünler minik minik... eee amaç nerede?
 
Cevap
#3
Snekhers cevabı bilmiyorsan niye cevap verdin sende bi garipsin Smile)
 
Cevap
#4
Arkadaşlar anlayanlar şu tpl ye bi göz atsın, responsive / templates / views / categories / view.tpl
Eğer bir kategorinin alt kategorisi varsa ve bunlara kategori resmi atanmışsa 11. satırdan başlayıp galiba 34. satırda biten alanda küçük resimler şeklinde alt kategoriler görünüyor. Görünüm ayarlarından bu resimlerin büyüklüklerini kaç piksel ayarlarsak mobil cihazdada yan yana 2 3 resim gibi görünüyor. Alt kısımda kalan kısma küçük bi müdehale ile ürünleri de yanyana 2 tane gözükçek şekle getiremezmiyiz. Bence faydalı bi çalışma olur herkesin işine yarar. Masaüstü görünümü için bu ayarlar yapılabiliyor zaten responsive için yapılmamış .
 
Cevap
#5
Bence burda her zaman seni hedefe götürecek cevaplar bulamaya bilirsin. İnsanlar bilmese bile fikirlerini yazmalı ki, kafada ampul yansın. Ben Snekhers'e bu konuda katılıyorum. Responsiveden amaç, cihazın çözünürlüğüne göre ürünü en anlaşılır şekilde sergilemek. Bu cep telefonunda bir ürün iken, tablette yan yana 2 veya 3 ürün olabiliyor. Sen isteğinde haksız değilsin bunu bilmek ve uygulayabilmek elbette faydalı olur, ama fikirleri de göz ardı etmemek gerek.

Saygılar.
Sahip olma duygusunun ayrılmaz parçasıdır KAYBETME korkusu!
Sahiplik duymadan sevmek cennet yaşantısıdır. Korkuların ise cehennem ateşin!
(Ahmed Hulûsi)
 
Cevap
#6
prestashop ta aynı soruya cevap verilmiş keşke bizde yapabilseydik
 
Cevap
#7
İngilizcen varsa cs-cart orijinal foruma sor, çok imkansız bir şey değil bence yeter ki soru gerçek muhatabına ulaşşın.
Sahip olma duygusunun ayrılmaz parçasıdır KAYBETME korkusu!
Sahiplik duymadan sevmek cennet yaşantısıdır. Korkuların ise cehennem ateşin!
(Ahmed Hulûsi)
 
Cevap
#8
ingilizce forumda soran olmuş hiçbi işe yaramayan eklenti reklamı yapmışlar doğru düzgün cevap yok
 
Cevap
#9
(26.09.2016, 01:29)morpheus Adlı Kullanıcıdan Alıntı: ingilizce forumda soran olmuş hiçbi işe yaramayan eklenti reklamı yapmışlar doğru düzgün cevap yok

Merhaba

Big Grin Kendin çal , kendin oyna .

http://forum.cs-cart.com/topic/44982-sho...-products/

Kolay Gelsin .
 
Cevap
#10
Çok teşekkür istanbul. Anlatımda kafa karıştırıcı bir durum var ben netleştireyim
/design/themes/responsive/css/styles.less bu dosyada

@media screen and (max-width: 480px) {
.ty-columns(@columns);
.ty-columns (@index) when (@index > 0) {
.ty-columns(@index - 1);
[email protected]{index} {
width: 100%;
}
üstteki width: 100%; değişip 50%; olacak

.ty-grid-list__price {
display: inline-block;
text-align: center;
vertical-align: top;
margin-top: 10px;
float: right;
max-width: 49%;
overflow: hidden;
word-break: break-all;
}
.ty-grid-list__no-price {
text-align: left;
width: auto;
}
.ty-grid-list__item-name {
margin-top: 10px;
margin-bottom: 5px;
display: inline-block;
max-width: 50%;
padding-right: 1%;
}
Bunuda alttaki şekilde değiştirecez. Çok güzel oldu....
.product-controls-list .cm-dialog-opener, .ty-simple-list__buttons .cm-dialog-opener, .grid-list .ty-grid-list__control .ty-quick-view-button,.grid-list .ty-grid-list__item-name, .grid-list .ty-grid-list__price, .slider-nav-outer .video-link {
text-align: center;
}
.ty-grid-list__price {
text-align: right;
vertical-align: top;
margin-top: 10px;
overflow: hidden;
word-break: break-all;
}
.ty-grid-list__no-price {
text-align: left;
width: auto;
}
.ty-grid-list__item-name {
margin-top: 10px;
margin-bottom: 5px;
display: inline-block;
}
 
Cevap
  


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Ürün Sayfasinda Bestseller salihli 3 1,025 04.04.2021, 08:08
Son Yorum: salihli
  Soru:  Ürün Fotoğrafı Çok Büyüyor? beyaznevresim 8 13,716 24.11.2017, 07:59
Son Yorum: istanbul
  Bilgi:  Mobilde Sideboxlarda Otomatik Açılır Nasıl Yapılır ! beyaznevresim 1 4,373 02.11.2017, 19:22
Son Yorum: istanbul
  Soru:  Kapıda Ödemeyi Faturada Nasıl Gösterebilirim? beyaznevresim 6 9,842 28.10.2017, 14:16
Son Yorum: Snekhers
  Türk Lirası Nasıl Eklerim? beyaznevresim 0 2,480 21.09.2017, 13:03
Son Yorum: beyaznevresim

Hızlı Menü:


Tarama: 1 Ziyaretçi