tr-opencart

     
avatar Şuanki Zaman: 12-10-2024, 11:54 AMHoşgeldin Misafir !
  Şifremi Hatırlat   kayıt ol
opencart temaları

Mobilde tek ürün yerine 2 ürün listeme istiyorum

Konuyu görüntüleyenler: 1 Misafir
 
Değerlendir:
  • 0 Oy - 0 Yüzde
  • 1
  • 2
  • 3
  • 4
  • 5
%
Cevapla  Gönder 
v  v
Yazar  zkarahan - Görüntüleme - Okunma  1852 - Yorum  4

zkarahanv
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 3
Konular: 1
Katılma Tarihi: Nov 2019
Rep Puanı: 0
Teşekkürler: 0
0 Mesajına, 0 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 03-09-2020 04:02 PM

Merhaba herkese kolay gelsin, opencart 2.0.3.1 kullanıyorum ve ürünleri mobilde tek sıra halinde değilde yanayana 2 ürün listemek istiyorum, yani yan yana 2 ürün gözükücek aşağıya doğru kayıcak.

Şimdiden herkese teşekkür ederim hoşçakalın.
Alıntı Yaparak Cevapla
Paylaş!
ibrahim_130v
Süper Moderator
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 290
Konular: 14
Katılma Tarihi: May 2014
Rep Puanı: 0
Teşekkürler: 2
50 Mesajına, 62 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 03-09-2020 10:55 PM
(03-09-2020 04:02 PM)zkarahan Yazılan:  Merhaba herkese kolay gelsin, opencart 2.0.3.1 kullanıyorum ve ürünleri mobilde tek sıra halinde değilde yanayana 2 ürün listemek istiyorum, yani yan yana 2 ürün gözükücek aşağıya doğru kayıcak.

Şimdiden herkese teşekkür ederim hoşçakalın.

Merhaba;

kullandığınız tema'da category.tpl içerisinde görünümü değiştirebilirsiniz. Belki kullandığınız temanın ayarlar kısmında da vardır bu durum o şekilde kontrol edebilirsiniz.
ibrahim_130
ibrahim_130, üyesi Opencart Türkiye Destek Sitesi ,E-Ticaret Yazılımı Destek Paylaşım Forumu na May 2014 tarihinde katılmıştır.
Alıntı Yaparak Cevapla
Paylaş!
zkarahanv
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 3
Konular: 1
Katılma Tarihi: Nov 2019
Rep Puanı: 0
Teşekkürler: 0
0 Mesajına, 0 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 03-11-2020 04:16 PM
(03-09-2020 10:55 PM)ibrahim_130 Yazılan:  
(03-09-2020 04:02 PM)zkarahan Yazılan:  Merhaba herkese kolay gelsin, opencart 2.0.3.1 kullanıyorum ve ürünleri mobilde tek sıra halinde değilde yanayana 2 ürün listemek istiyorum, yani yan yana 2 ürün gözükücek aşağıya doğru kayıcak.

Şimdiden herkese teşekkür ederim hoşçakalın.

Merhaba;

kullandığınız tema'da category.tpl içerisinde görünümü değiştirebilirsiniz. Belki kullandığınız temanın ayarlar kısmında da vardır bu durum o şekilde kontrol edebilirsiniz.
Yok malesef oralara baktım ama bulamadım
Alıntı Yaparak Cevapla
Paylaş!
teknohizv
Latte
****
Üye user avatar
Çevrimdışı

Mesajlar: 426
Konular: 8
Katılma Tarihi: Feb 2018
Rep Puanı: 13
Teşekkürler: 26
149 Mesajına, 190 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 03-12-2020 03:07 AM
Hangi modül veya sayfanın görünümünü değiştirmek istiyorsanız ona ait tpl dosyasını açın.

Demek istediğim;

Eğer bahsettiğiniz anasayfaya eklediğiniz Öne Çıkanlar, Son Eklenenler vb ürünlerin görünümü ise örneğin featured.tpl dosyasını açın ve şu kod satırını aratın:

Kod:
<div class="product-layout col-lg-3 col-md-3 col-sm-6 col-xs-12">

Bu kod satırı altındaki elemanları col-xs-12 class değeriyle birlikte sayfada yekpare görünmesini sağlar satır başına. Bu değeri 6 yaparsanız yani bu kodu aşağıdaki kod ile değiştirirseniz

Kod:
<div class="product-layout col-lg-3 col-md-3 col-sm-6 col-xs-6">

xs değeri için yani mobil cihazlarda satır başına 2'şer ürün gösterecektir.

Değerlere dikkat ederseniz eğer lg geniş ekranlı bilgisayarlar için middle genellikle laptoplar için sm tabletler için xs ise küçük ekranlar yani telefonlar içindir. Aslında her biri için kullanılan boostrap sürümüne göre belirli bir pixel değeri vardır. Mesela col-lg görüntüleyen ekran 1200px veya üstü ise geçerli olur veya sizin mobil sorunuza göre col-xs 768px altındaki ekranlarda.

Burada 12 tam sayı değeridir yani değer 12 ise o class altındaki div içerisinde tamamını kapsayan tek bir öğe sıralanır. Buna göre değeri 6 yaparsanız %50 %50 pay verirsiniz ögeler için. Değeri 3 yaparsanız %25 %25 %25 %25 yani tek bir sıraya 4 öge yerleştirmiş olursunuz.

Aslında telefondan telefona da bir görüntüleme farkı var ama siz sadece o anda kullandığınız telefona göre görüntülüyorsunuz. Eğer telefon ekranı büyük ve 768 piksele eşit veya büyük bir ekrana sahipse çift ürün görünür. Daha doğru bir tabirle telefon özelliklerine göre diyelim ki bir telefonun ekranı 767 x 500 px ise bu telefon için col-sx-... değerine göre görüntüleme gerçekleşecektir ama 768 x 500 px ise col-sm-.. için yazılı değere göre görüntüleme gerçekleşecektir veya 993 x 500 px ise col-md-.. için olan vs...

Tabi bunlar her ne kadar standart bile olsa stylesheet.css dosyası içerisinden bunlar düzenlenmiş ve ekran boyutuna göre width değerleri değiştirilmiş olabilir. Fakat biz opencart default stylesheet dosyasına göre düşünürsek sadece verdiğim örneklerdeki gibi yapmanız yeterli olacaktır.

Yani özetle ve örnekle şu şekilde yapabilirsiniz.

site dizininizdeki catalog/view/theme/default(eğer default temayı kullanıyorsanız tabi yoksa kullandığınız temayı seçin)/template/module/featured.tpl dosyasını açın

Kod:
<div class="product-layout col-lg-3 col-md-3 col-sm-6 col-xs-12">

Bu kodu hemen sayfanın üstünde görebilirsiniz. Buradan siteyi görüntüleyecek cihazlara göre eğer sadece mobil için düzenleme yapacaksanız sadece col-sx-12 değerini çift öge sıralamak için col-sx-6 olarak değiştirin ve kaydedin.

Bunu yaparak featured modülünü eklediğiniz yerlerde onun altındaki ürünlerin mobilde satır başı çift öge sıralamasını sağlamış olursunuz.

Bu örnekle birlikte diğer modüller için de ayarlamanızı istediğiniz gibi yapabilirsiniz. bestseller.tpl latest.tpl special.tpl vb...

Hepsinde standart olarak col-sx-12 olarak kayıtlıdır. Yani ufak ekranlı mobil cihazlarda tek satır tek ürün (%100 sığdırma) şeklinde.

Kategori sayfası için de düşünürseniz eğer onun için

catalog/view/theme/TEMANIZ/template/product/category.tpl dosyası içinden col-sx-12 değerini col-sx-6 olarak değiştirmeniz yeterli olacaktır.

Bu görünümlerle ilgili daha fazla bilgi için google üzerinden boostrap grid examples şeklinde arama yapabilirsiniz.

Kolay gelsin.
Alıntı Yaparak Cevapla
Paylaş!
zkarahanv
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 3
Konular: 1
Katılma Tarihi: Nov 2019
Rep Puanı: 0
Teşekkürler: 0
0 Mesajına, 0 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 03-17-2020 05:03 PM
(03-12-2020 03:07 AM)teknohiz Yazılan:  Hangi modül veya sayfanın görünümünü değiştirmek istiyorsanız ona ait tpl dosyasını açın.

Demek istediğim;

Eğer bahsettiğiniz anasayfaya eklediğiniz Öne Çıkanlar, Son Eklenenler vb ürünlerin görünümü ise örneğin featured.tpl dosyasını açın ve şu kod satırını aratın:

Kod:
<div class="product-layout col-lg-3 col-md-3 col-sm-6 col-xs-12">

Bu kod satırı altındaki elemanları col-xs-12 class değeriyle birlikte sayfada yekpare görünmesini sağlar satır başına. Bu değeri 6 yaparsanız yani bu kodu aşağıdaki kod ile değiştirirseniz

Kod:
<div class="product-layout col-lg-3 col-md-3 col-sm-6 col-xs-6">

xs değeri için yani mobil cihazlarda satır başına 2'şer ürün gösterecektir.

Değerlere dikkat ederseniz eğer lg geniş ekranlı bilgisayarlar için middle genellikle laptoplar için sm tabletler için xs ise küçük ekranlar yani telefonlar içindir. Aslında her biri için kullanılan boostrap sürümüne göre belirli bir pixel değeri vardır. Mesela col-lg görüntüleyen ekran 1200px veya üstü ise geçerli olur veya sizin mobil sorunuza göre col-xs 768px altındaki ekranlarda.

Burada 12 tam sayı değeridir yani değer 12 ise o class altındaki div içerisinde tamamını kapsayan tek bir öğe sıralanır. Buna göre değeri 6 yaparsanız %50 %50 pay verirsiniz ögeler için. Değeri 3 yaparsanız %25 %25 %25 %25 yani tek bir sıraya 4 öge yerleştirmiş olursunuz.

Aslında telefondan telefona da bir görüntüleme farkı var ama siz sadece o anda kullandığınız telefona göre görüntülüyorsunuz. Eğer telefon ekranı büyük ve 768 piksele eşit veya büyük bir ekrana sahipse çift ürün görünür. Daha doğru bir tabirle telefon özelliklerine göre diyelim ki bir telefonun ekranı 767 x 500 px ise bu telefon için col-sx-... değerine göre görüntüleme gerçekleşecektir ama 768 x 500 px ise col-sm-.. için yazılı değere göre görüntüleme gerçekleşecektir veya 993 x 500 px ise col-md-.. için olan vs...

Tabi bunlar her ne kadar standart bile olsa stylesheet.css dosyası içerisinden bunlar düzenlenmiş ve ekran boyutuna göre width değerleri değiştirilmiş olabilir. Fakat biz opencart default stylesheet dosyasına göre düşünürsek sadece verdiğim örneklerdeki gibi yapmanız yeterli olacaktır.

Yani özetle ve örnekle şu şekilde yapabilirsiniz.

site dizininizdeki catalog/view/theme/default(eğer default temayı kullanıyorsanız tabi yoksa kullandığınız temayı seçin)/template/module/featured.tpl dosyasını açın

Kod:
<div class="product-layout col-lg-3 col-md-3 col-sm-6 col-xs-12">

Bu kodu hemen sayfanın üstünde görebilirsiniz. Buradan siteyi görüntüleyecek cihazlara göre eğer sadece mobil için düzenleme yapacaksanız sadece col-sx-12 değerini çift öge sıralamak için col-sx-6 olarak değiştirin ve kaydedin.

Bunu yaparak featured modülünü eklediğiniz yerlerde onun altındaki ürünlerin mobilde satır başı çift öge sıralamasını sağlamış olursunuz.

Bu örnekle birlikte diğer modüller için de ayarlamanızı istediğiniz gibi yapabilirsiniz. bestseller.tpl latest.tpl special.tpl vb...

Hepsinde standart olarak col-sx-12 olarak kayıtlıdır. Yani ufak ekranlı mobil cihazlarda tek satır tek ürün (%100 sığdırma) şeklinde.

Kategori sayfası için de düşünürseniz eğer onun için

catalog/view/theme/TEMANIZ/template/product/category.tpl dosyası içinden col-sx-12 değerini col-sx-6 olarak değiştirmeniz yeterli olacaktır.

Bu görünümlerle ilgili daha fazla bilgi için google üzerinden boostrap grid examples şeklinde arama yapabilirsiniz.

Kolay gelsin.

Sağol müdür cevabın için ama bunu çoktan denedim ama olmadı malesef
Alıntı Yaparak Cevapla
Paylaş!

« Önceki | Sonraki »
Cevapla  Gönder 

Mobilde tek ürün yerine 2 ürün listeme istiyorum  Konusunun Linki Direk Link
Mobilde tek ürün yerine 2 ürün listeme istiyorum  Konusunun HTML Kodu HTML Link
Mobilde tek ürün yerine 2 ürün listeme istiyorum  Konusu BBCode Linki BBCode Link
Mobilde tek ürün yerine 2 ürün listeme istiyorum  Konusunu Paylaş Sosyal Paylaş

Benzeyen Konular
Konu: Yazar Cevaplar: Gösterim: Son Mesaj
  [Modifikasyon] Opencart Tüm Versiyonlarda Ürün Detay Sayfasına Ürün teslim tarihi eklemek osdem66 56 29,855 11-22-2022 12:14 AM
Son Mesaj: mustafasinger
  opencart journal ürün detay sayfasındaki sosyal simgeler mehmetvearzu 1 553 11-02-2021 12:40 AM
Son Mesaj: hirdavatustasi
  Ürün sayfasında fiyat alanına ufak bir ekleme yapmak nakolik 2 704 08-27-2021 01:26 PM
Son Mesaj: osdem66
  "Sepetinize X liralık ürün ekleyin ücretsiz kargo fırsatından yararlanın" hakkında melihb1717 1 1,780 11-11-2020 10:23 AM
Son Mesaj: blue021433
  Stokta ne kadar ürün var kaç liralık ürün var isb4ck 0 1,624 10-29-2020 10:55 AM
Son Mesaj: isb4ck
  Ürün Sayfasında Tüm Müşteri Gruplarının Fiyatlarını Görme xuser20 0 1,817 05-28-2020 11:06 PM
Son Mesaj: xuser20
  Ürün sayfası stok durumu yazısını düzenleme Kaptan35 3 3,263 07-16-2019 02:15 AM
Son Mesaj: teknohiz
  Ürün Detayında Kategori Adı roccmania 14 6,217 07-05-2019 02:36 PM
Son Mesaj: fyg50
  [Modifikasyon] Sepette Ürün Birim fiyatını KDV siz göstermek driver13 0 860 06-19-2019 05:19 PM
Son Mesaj: driver13
  ANA SAYFA ÜRÜN SAYISI makyuz07 1 1,431 03-01-2019 11:55 AM
Son Mesaj: Kazekage

Mobilde tek ürün yerine 2 ürün listeme istiyorum indir, Mobilde tek ürün yerine 2 ürün listeme istiyorum Videosu, Mobilde tek ürün yerine 2 ürün listeme istiyorum online izle, Mobilde tek ürün yerine 2 ürün listeme istiyorum Bedava indir, Mobilde tek ürün yerine 2 ürün listeme istiyorum Yükle, Mobilde tek ürün yerine 2 ürün listeme istiyorum Hakkında, Mobilde tek ürün yerine 2 ürün listeme istiyorum nedir, Mobilde tek ürün yerine 2 ürün listeme istiyorum Free indir, Mobilde tek ürün yerine 2 ürün listeme istiyorum oyunu, Mobilde tek ürün yerine 2 ürün listeme istiyorum download


Forum Atla: