E-Ticaret Temaları – OpenCart

E-ticaret siteleri günümüzde elinde ürünü olan kişilerin ürünlerini internet üzerinden de satabilmesi için oluşturulmuş web siteleridir. Bu e-ticaret sitelerinin bazıları açık kaynak kodlu hazır sitelerdir bazıları da özel yazılım ki bu daha profesyonel ve daha sağlıklı olanıdır. Hazır ve açık kaynak kodlu e-ticaret sitesi denilince akla gelen ilk isimlerden birisi de opencart‘dır.

Bugün ki paylaşacak olduğum e-ticaret temaları opencart’ın 1.5.1.3.1 sürümü için geçerli olan temalardır.

RetailUniverse e-ticaret web siteleri için uygun bir çok gelişmiş farklı OpenCart 1.5.1.3 teması sunuyor. Tema tamamen reworked düzeni ve büyük miktarda  JS görsel efektler ile karşımıza çıkıyor.
Bu temalar sadece görsel olarak çekici değil aynı zamanda akılda modern bir e-ticaret ve en iyi SEO uygulamaları ile inşa edilmiş. Var olan OpenCart tabanlı mağaza ya da müşterileri değiştirmek için bir şablon, yeni bir cilt arıyorsanız RetailUniverse doğru seçim olacaktır.

Web arayüz tasarım ikonları

Web arayüz tasarımı yapan web tasarımcıların işine yarayacak yüzlerce ikonu bulabilecekleri 2 adet .eps formatındaki çalışmayı paylaşıyorum. Site tasarlarken oldukça işinize yarayacak bir paylaşımdır. Arşivin de olmayan arkadaşlar indirerek kullanmaya başlayabilirler 😉

sponsor ol
sponsor ol
sponsor ol
sponsor ol

WordPress E-ticaret Teması ve Eklentisi

E-ticaret siteleri gün geçtikçe yaygınlaşan ve her geçen gün internetteki sayısı artan internet sitelerinden birisidir. WordPress çıkış amacı her ne kadar blog olarak çıktıysa da her alanda gerek temaları ile gerekse eklentileri ile e-ticaret siteleri alanın da da etkisini göstermiştir.

E-ticaret sitesi için wp flexi shop teması ve wp e-commerce eklentisini paylaşacağım.

JQuery 3D Wall Resim Galerisi

Jquery ile yapılmış 3d resim galerisi uygulamasını paylaşmak istiyorum. Arşivinde bulunmayanlar bu uygulamayıda indirerek web sitelerinde kullanabilirler…

Özellikleri ;

Mouse ile kontrol, ister scrool u kullanın isterseniz. Sürükleyerek diğer resimlere bakabilirsiniz.

Safari kullanıcıları galeriyi 3d olarak görüntüler.

Thumb görünümü saysesinde resimleri önceden ön izleme yapabilirsiniz.

Her resime ayrı bir isim tanımlama.

CSS3 ile animasyon yapımı

CSS3 ile yapabileceklerinizin sınırı yok. Bu örnek de de css3 ile animasyon yapımını paylaşacağım. Örnek de görüldüğü gibi sosyal ağlar üzerine yapılmış bir animasyon var sizde sitenizin iletişim kısmı için yada ikonları değiştirip farklı bir uygulama için kullanabileceğiniz kullanımı kolay bir örnek.

JQuery İmage Zoom Tour

JQuery ile web uygulamalarında resimler arasında zoom yaparak gezinebileceğiniz hoş ve bir o kadar da eğlenceli resim galerisini paylaşıyorum. Arşivinde olmayanlar bu jquery uygulamasını indirerek kullanabilirler.

Ayarları :

  • data-dir 1 yada -1 değerini alır zoom yapmak istediklerinize 1 zoom out yapmak istediklerinize -1 verebilirsiniz.
  • data-zoom yakınlaştırma ayarı için
  • data-speed zoom hızı için
  • data-delay iki görüntü arasındaki gecikmeyi belirlemek için

Mega Buton Paketi İndir

Web sitelerin de kullanabileceğiniz mega buton paketi ile gerek kontrol panellerinde gerekse site içerisinde kullanabileceğiniz 42 adet kullanışlı ve şık buton paketini sizlerle paylaşmak istedim…

Butonlar psd tasarım halinde değildir. Doğrudan kodunu alarak sadece butonun yazısını değiştirerek kullanabilirsiniz.

Örnek olarak ;

<a href="#" class="btn chart">Chart</a>

Site açılış hızını arttırmanın yolları

Site açılış hızını arttırmak, gerek google tarafından bakıldığında gerekse kullanıcı tarafından bakıldığında çok önemli bir kavramdır. Seo ya da etkisi vardır. Google, kullanıcı ve site sahibi arasında doğru orantılı bir ilişki vardır yani kullanıcı mutlu ise google da sizi mutlu eder.

Şimdi gelelim sayfa hızımızı nasıl arttırabileceğimize birkaç örnek verelim ;

#Html kodlarını sıkıştırma

Eğer wordpress kullanıyorsanız işiniz daha da kolay kendi sitem de de kullanıyor olduğum WordPress Gzip Compression eklentisi ile wordpress sitenizin tüm sayfalarının html yapısını sıkıştırmayı sağlıyor.

Localhost da .htaccess çalıştırma

.Htaccess kullanılarak çalışan siteleri öncelikle localhost da denemelerle yaparız. Ya da elimizde olan bir siteyi localhost da çalıştırmak istersek .htaccess dosyasını www klasörüne atarak çalıştırmayı deneriz. Ancak bu işlemi doğrudan yaparsak çalışmaz çünkü wampserver da apachi klasöründe ki httpd.conf dosyasının üzerinde gelen kodlama buna izin vermez.

Bu yüzden httpd.conf dosyasını dreamweaver yada not defteri gibi bir programla açarak 116. satırda bulunan;

#LoadModule rewrite_module modules/mod_rewrite.so yazan satırı buluyoruz ve ardından en başta yazan # işaretini kaldırıyoruz.

Son olarak da 190. satırda bulunan;

Allowoverride none yazan satırı allowoverride all olarak değiştirerek kaydediyoruz ve restart all diyoruz.

Artık localhost da .htaccess çalıştırabiliriz.

Not : Tüm bu anlatılanlar wamserver 2.0 için geçerlidir.

Hızlı indexlenmenin yolları

Google da hızlı indexlenmenin yollarını bu konum da kısaca sizlerle paylaşacağım.

Öncelikle site içi optimizasyondan (On Page SEO) kısaca bi bahsedelim ;

  • Siteniz meta taglarından başlayın (title, description, keywords vs.).
  • Kesinlikle özgün içerikler ekleyiniz. Copy-paste içerikler ile bir yere kadar gelebilirsiniz ancak daha sonra etki etmeyeceğini görürsünüz.
  • Siteniz eğer ki wordpress ise eklentilerini kulanarak (Google XML Sitemaps , Platinum SEO Pack vs. ) daha hızlı indexlenmesini sağlayabilirsiniz.
  • Worpdress kullanmıyorsanız siteniz için sitemap.xml oluşturun kendiniz yazamıyorsanız sitemap oluşturan siteler mevcut bu sitelerden oluşturabilirsiniz.
  • Yazdığınız başlıklar h1 tagı içerisinde olmalı google bunları doğrudan dikkate alacaktır. Önemli olarak göstermek istediğiniz yerleri kalın veya italik yada altı çizili olarak işaretleyiniz.
  • Sadece yazdığınız yazılardan, konulardan index almayacağınız için de görsellere de önem vermelisiniz. Eklediğiniz resimlere alt tagı ekleyiniz. Çünkü google kördür bu yüzden alt tagını kullanarak eklediğiniz resim hakkında yada konuyla ilgili anahtar kelimeleri ekleyiniz.
Barış Ozcan Facebook Sayfasi
Barış Ozcan Twitter