16 Ocak 2013, ÇARŞAMBA

Magento Topluluk Öğreticiler #53 - Theming Magento 23 - Daha İyi Ürün Zoom

Hey whats sevgi ile gökyüzüne yukarı misyonuna yerine onlar kendi sahip varsayılan jQuery yakınlaştırma özelliği belki biraz daha güncellenmiş tedirginlik Jake özgeçmiş bulunuyor Biraz kolay zenginlikleri üzerinde onu ve Cumartesi ve tüm slayt yapmak var Varsayılan biri ne yaparsa yapsın o şeyler bu yüzden çok yakında bu Jake indirmek istiyorsanız başlamak için Burada eklenti benim aa jQuery ve bunu sadece biz kalacağız gibi daha önce bu kullanılabilen bu eklemek zorunda % uh jQuery bu ortalamayı eklentisi bu JYC özgeçmiş dosyası yapacağız bizim tema için geçen ay, için rjs bunu ekleyin

ediyoruz Bu Cuma cilt arkadaşı altında altında Daha önce vardı gibi adı varsayılan JS vardır Eğer bu konuda herhangi bir sorun olup olmadığını biliyor izlemek için geri dönmek için tercih gösteri üzerinden diğer o

lanları yakın nasıl ek bir javascript dosyası eklemek için Bu ve bunun gibi JavaScript dosyası falan nerede bu tür var ben özledim şimdi onların için CSS olduğunu ve onu iyi olması gerektiğini biz başka bir şey

“Magento Commerce Community Edition için 53 öğretici. Bu eğitimde nasıl bir yeni jQuery eklentisi ile varsayılan yakınlaştırma efekti kaldırma gösterir. http://ww...”
LevelUpTuts

yapmak zorunda olmamalıdır Eğer bu konuda endişe edecek başlamak bu yüzden daha sonra pat gibi bir düzeltme üzerinde bir etkisi böylece tüm bu azalma tümör popo fiş için gerçekten yapmak zorunda Bildiğiniz bir unsurdur, bu a vermek ve olacak bulma olabilir ki kendi sereceğim tam boyutlu görüntü bize boyutlandırma şeyi dikkat çekmek ama şeyler için biz tarzda yapmadım bizim gerçek ürün sayfasına giderseniz ve bu nedenle bu görüntü sadece ne Tam boyutl

Magento Topluluk Öğreticiler #53 - Theming Magento 23 - Daha İyi Ürün Zoom Resim 1 Magento Topluluk Öğreticiler #53 - Theming Magento 23 - Daha İyi Ürün Zoom Resim 2 Magento Topluluk Öğreticiler #53 - Theming Magento 23 - Daha İyi Ürün Zoom Resim 3 Magento Topluluk Öğreticiler #53 - Theming Magento 23 - Daha İyi Ürün Zoom Resim 4

u ve aslında ben bunu vermek istedim O yüzde 50 ile diyecektim ben aşk Seni hiçbir eylem bu 200 piksel ile bu demek bu yüzden kuzen burada olacak olması mantıksız olduğunu devasa benim CSS kadar Ben sadece burada hızlı bir not kazanacağız ediyorum ve bir etkinin olduğunu söylemek için gidiyor a içeriden bu ürün resmi paragraf ve ben de ben söylemek için gidiyorum bunu değilim ve ben GE duyuyorum sınıf ürün olacak kutu ve aslında bizim kaynak kodunda bu paragraf silmek için gidiyorum bu yüzden bu konuda endişel

enmenize gerek ama sonra burada biz sadece söylemek için gidiyoruz Görüntü o kadar ürünün görüntü kutu içinde var görüntü istediğimiz bir olacak mücadele etmek ve bununla olacak ve olacak 200 piksel bir hata bu Biz emin aldı take olmak için bu sayfayı yenileyebilirsiniz ve burada o kadar istediğimiz sonraki şey yapmak olabilir olduğunu Biz JavaScript sayfasına eklenen emin size istediğiniz yer Her zaman olduğu gibi biz bu devam ettik böylece düzen altında ve dostumuz ve dosya ve ben im bourbon hiçbir yerel vergiler ve gidiş düşünüyorum ve diğer olanlar çok endişeli burada ekleyerek oldum hemen önce yontma diyor biz var gibi Bu da yeni bir biri olarak ve Bu dosyayı js dışında o olacak aynı şey olacak Ben sadece kopyalanan gereken farklı bir adı vardır Bunu yazabilir ama hiç orada değil hiçbir biliyorum Eğer yanlış o zaman sorun olabilir olsun eğer bilmek Bazı kesmek mutluluk burada pace şey onlar gerekmez öyle düşünüyorum K o kadar şimdi biz muktedir gerektiğini var yani sayfayı yeniler ve biz bu komut biridir görmek gerekir kaynağını kontrol arasında Bazı o K Büyütmek demek vermektedir Burada evet burada eklentisi var onun gerçekten güzel ve Geç yolu bize çağrı için her şeyi hazır tanımlamak için çok doğru geri şimdi duymak Bu görüntüyü üretiyor bu şablonu düzenlemek gerekir ve Kullandığımız olmak istiyorum o senaryoyu kullanıyor bu yüzden değiştirmek böylece şablon medya P HTML ve bu altında bulunur senin Varsayılan tema bunu bulabilir ve onların Şablon katalog ürün görünümü ve sonra görünümü altında onların Bu emin kapmak bir medya P HTML öylesine yapmak ve aynı klasör yapısını tutmak kendi içinde bırakın Şablon katalog ürünü size ve daha sonra burada tamam de atmak harika idi o Bu Orada olacak atmak benimdi 10 pimleri etrafında sen Burada sadece medya o gibi üzerine kopyalanan bu aşağı yazacak olan Biz her zaman yaptık hayır o bir hayvan gidebilir ve burada olacak var tamam açıklama birkaç paragraf aşk dedi Bu kadar bize kurmak arayın ve bir metin editörü burada ve stil de öfke yine her zaman olduğu gibi adil doğru dosya üzerinde kulüpler emin olmak için Eğer onun borcunu almak için bıçağı biliyor satın gerektiğini biliyorum ama var Her zaman iyi bir yolu Sadece burada test etmek ve onaylamak için kullanılan biliyorum tamam bu yüzden bu check out biz var ama eğer bu dosya, bu medya HTML Bir bu tarz üreten ne olduğunu yukarı hemen hemen tek görüntü malzeme ve kesinlikle söyleyebilirim Ben sizin gibi, belki onu görmek için yaklaşık olarak başında protesto biliyor dedi tam olarak ne bu kavga değil ama sadece görüntü olması bekleniyor medya şeyler gerçekten var düzenleme ve kesinlikle ilk şey için denetliyor Bir ürünün görüntü sanki Hiçbir seçime eşit ve bir ürün görüntüsü sürece bu nedenle temelde var değil Bir ürün imajı var Bu kodu bu yardım bu nedenle bu paragraf burada olduğunu almak Herhangi yaptım bu aslında burada öylece değişikliklere olmak istiyorum var zaten Sadece daha sistemi yapar ben bir geyik olduğunu ama o gerçekten biz bu çünkü öyle değil önemli değil değil Yakında klasik ürün görüntü o senaryo için teklif bu hafta sonu Eğer özgeçmişlerini bir demet başka şeyler var eğer biliyorsanız iyi bu eski Jake onun şeyler sürdürme ama hepsi ve o yüzden burada bir var öylece yüzden bu içinde ondan kurtulmak istiyorum kulüpler Script etiketi Bir Aslında ben de devam edin ve bu her şey o olduğunu silme oldu Eski jQuery Bizi tuttu ve onu kullanmak için gidiyor bir görüntü yok eğer bu temelde söyleyerek Eğer buraya giderseniz varsayılan görüntü ve ardından galeriye gidiyor Böyle görüntüleri ve malzeme bu yüzden gerçekten burada bu biraz hızından daha başka çok umurumda değil biz div class ile dışarı var Bir ürün görüntüsü Yeni burada bir vurgu istiyorum küçük bir ayar yapmak Bizim CSS Bu içine girmeden önce ben uh vardı sınıf% istiyorum Aslında görüntü sahip ve aynı zamanda olmak iyi ben vereceğim burada yüzde 100'e kadar bu nedenle bu bölüm görüntü zoom ile olacak bu a vermek Ben 200 piksel kulüpler üzerinde ben 200 piksel özür diliyorum ve ben yapacağım yüzde yüz içine söylemek istemek bu görüntüleyicisi vermek Burada o Bu bu şekilde bununla entire için tava Burada bu kutu ama 200 piksel ile her zamankinden daha bu kutular Biz bu kaydetmeli ve şimdi yapmak istediğiniz bir sonraki şey taahhüt veya betik biz düzenleme nerelerde ve bir script jQuery şeyler evet altındadır Eğer bu dosyada bu javascript olabilir biliyorum ve böylece tek bir dosyada bir araya tüm komut tutarak cevap Bir sen fırında nasıl bunu yapabilir ama bu bu örnek için yapıyorum sadece nasıl Yani burada herhangi normal bir jQuery başlıca ürün sınıfı geliyor gibi görüntü zoom ve sonra çalışma dat olduğunu içine bu fiş tetiklemek için yapmak zorunda yakınlaştırma ve daha sonra ben de vereceğim Başkanlıkları noktalı virgülle burada bu kadar bağlı sayfayı almak ve bu notun her taze bu kadar yakın ben bu üzerinde gezdirin Biz hayvanat bahçesi etkisi bu olsun o biraz var öncesi ve etkili daha iyi% uh biraz Sadece bir koyarak en en kolay bu biraz görmek için yapalım yapalım Bu bazı kova gölge bir kutu vardı söylemek gölge KOBİ tek tek tüyo alır resim ve mahkeme bugün aslında görebilirsiniz şimdi çok küçük küçük bir gölge bir şey duymak nerede sınırlarıdır biraz daha iyi ve işini ve awesomeness check it out Bu onun bu mükemmel görelim gerçekten iyi nereye gittiğini, bu simge Aslında bu tür i arıyor nerede bu yakınlaştırma sınıf simgesi görürseniz Olacak Polonya'ya çalışıyorum bu yüzden biraz biz sadece eklemeniz gerekir benim bu almak için kendisi olduğunu Bu biraz CSS div class zamanı ve aslında içinde bu CSS bulabilirsiniz senin Eğer şeytan a kadar açarsanız burada HTML dosyası Burada üzerinde bulunmaktadır ve bir sınıf simgesi var o bu URL'yi değiştirmek bulacağız opsiyonel stil ikonu ve Sadece bir o olacak görüntüler doğru nerede olduğunu çünkü bu görüntüleri yırtmaç Henüz burada görüntü ve biz burada bütün bu sınıf kopyalamak size gidiyoruz ve biz atmak için gidiyoruz Akşam yemeği tarzı tarzı buraya dönün ve ben var demek Kalin diğer bazı şeyler lol kadar ancak henüz işte bildiğimiz gitmek bu çok taze ve biz o simgesini göreceksiniz Ben ben kendi klasör açık olduğumu düşünüyorum ki istemem böylece kaza ardından CSS yep gitti görüntüler gibi tazelenmiş tamam dür ve biz iyi bir kusursuz olması gerektiğini şimdi biz bu var % uh sadece biz bu tedavi edebilir var gibi bakıyor nasıl herkes ama Bu aydınlatma onlar kadar orada değil olduğunu devam ne var, daha iyi bir versiyonu tarihli olması Bence bu yüzden check it out Jake kendisine üzerindedir devam Jack L daha nokta com çizgi Zuma Her zaman lazım aşk bizi asansör burada onun güzel küçük jQuery eklentisi Bu konuda herhangi bir sorunuz varsa o yaklaşık olup olmadığı hakkında yaptığı biliyorum Yorumlar İzlediğiniz için teşekkürler düşünmüyordum ama.

Açıklama

Magento Commerce Community Edition için 53 öğretici. Bu eğitimde nasıl bir yeni jQuery eklentisi ile varsayılan yakınlaştırma efekti kaldırma gösterir. http://www.jacklmoore.com/zoom

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

LevelUpTuts

LevelUpTuts

Ön uç web geliştiricileri için Öğreticiler. Level Up Tuts web geliştirme ve diğer medya uygulamaları ücretsiz öğreticiler sağlamanın bir yolu olarak Scott Tolinski ve Ben Schaaf tarafından başlatıldı. Biz bir medya yaratıcısı olarak büyüme bizim bilgi yararlı bulacağını umuyorum. Biz tam zamanlı (ve freelance) geliştiriciler Çünkü, Level Up Tuts sana getirmek için biz çalışıyoruz, bir yandan projesidir. Eğer öğrendiklerini hoşlanıyorsanız bu yüzden yeni dersler yapmaya devam edebilirsiniz bağış yapmak için çekinmeyin. Level Up Tuts bu hızlı anketi doldurarak geliştirmemize yardımcı olun https://docs.google.com/forms/d/1x7MTNp_umnvdkwJ5dfOVnnJtndkYdU7EDoCE9r8bYBk/viewform

YORUMLAR



10/10

  • 21
    Olumlu
  • 0
    Olumsuz
  • 6
    Yorum
  • 9102
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Angry Paintballer

    Angry Paintb

    8 Ocak 2012
  • FPSRussia

    FPSRussia

    19 NİSAN 2010
  • Top Gear

    Top Gear

    27 Mart 2006

ANKET



Bu sayfa işinize yaradı mı?