Home > Bisnis online, Prestashop, Website Bisnis > Mengubah Font-Size di Product Block Prestashop

Mengubah Font-Size di Product Block Prestashop

Alhamdulillah, satu kesulitanku terlewati lagi. Apa tuh? Yaitu mengubah ukuran font-size product block Prestashop. Ternyata gampang lho, hanya terkadang kita perlu waktu untuk menemukannya (secara otodidak).

Langsung saja, product block terpasang di banyak lokasi, diantaranya Featured, Viewed, New, dll yang lokasinya bisa di sidebar kanan, sidebar kiri, atau di tengah-tengah hompage. Saat ini yang ingin saya share adalah bagaimana mengubah ukuran font-nya. Kenapa? template PS ukuran font terlalu kecil khususnya di deskripsi produk pada blok Featured Product. Praktis hal itu membuat pengunjung web kurang nyaman. Takut matanya tambah sakit.

Cara mengubahnya adalah sbb:

  1. Masuk dulu ke cpanel.
  2. Cari file global.css yang berlokasi di “public_html/themes/prestashop/css/”
  3. Carilah lokasi Product Block, biasanya ada di row 900-an. Cari yang ada title “/* block products (new, features, viewed, etc…) on left and right column */”
  4. Carilah kode “.products_block li h5” untuk mengubah font product title
  5. Carilah kode “.products_block li p a” untuk mengubah font product description

Sebagai contoh di CLodaCLodi.com sbb:

Mengubah Font-Size Featured Product-Template

Mengubah Font-Size Featured Product-Modified

  1. December 21, 2011 at 9:36 pm

    Kalau cara untuk merubah ukuran tampilan gambar biar memanjang vertikal gmn gan ?

  2. Dedi
    January 30, 2012 at 9:56 am

    bro ini modul-modul untuk prestashop berapa ya?
    saya install di prestashop teranyar ko nda bisa ya?
    mohon bantuanya bro

    • abbaz
      January 30, 2012 at 10:27 am

      makasi udah mampir. Semua modul yg sy pasang itu sudah terbukti untuk PS 1.3. kalo tampilan memang 1.5 memang Ok punya. Tapi sayangnya modul gratisannya masih terbatas. Itulah kenapa saya harus rela pake yg 1.3. Keep fight bro ^_^

  1. October 16, 2011 at 5:58 pm

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: