Jump to content

Tamplate Prestashop

Sunyoto
 Share

Recommended Posts

Sunyoto Newbie

Sunyoto

Posted
Posted

Maaf master2 semua...

 

Saya baru belajar buat website online shop pakai prestashop v1.5.1.0, untuk tampilan agak berbeda dengan v 1.4... bagaimana caranya merubah block footer v1.5.1.0 ke v1.4.... karena v baru agak besar kolomnya. yang saya mau satu baris dibawah saja.

 

Salam sukses

 

Terima Kasih

Link to comment
Share on other sites
gonebdg - webindoshop.com Newbie

gonebdg - webindoshop.com

Posted
Posted

Uninstall semua module yang aktif di footer :

  1. Block reinsurance v2.0
  2. My Account block on footer v1.2
  3. CMS Block v1.1
  4. Block social v1.0
  5. Block contact infos v1.0

 

Buka file footer.tpl lalu masukan script smarty html yang Anda inginkan (dalam div tag id="footer"), misalnya :

 

<p id="foot_left">© 2012 My Online Store, All Right Reserved</p><p id="foot_right">I love Prestashop</p>

 

 

Edit file global.css agar desain footer sesuai dengan yang Anda inginkan, misalnya :

 

 

#footer {   border-top: 1px dotted #CCCCCC;color: #333333;padding: 5px 0;}#foot_left {   float: left;padding: 0;width: 50%;}#foot_right {   float: right;padding: 0;text-align: right;width: 50%;}

 

 

Selamat mencoba ...

  • Like 1
Link to comment
Share on other sites
Sunyoto Newbie

Sunyoto

Posted
  • Author
Posted

Terimakasih responnya, tapi setelah saya coba edit footer.tpl di --> admin/themes/default/tamplate/footer.tpl

Aslinya seperti ini

 

<div id="footer">

<div class="footerLeft">

<a href="http://www.prestashop.com/" target="_blank">PrestaShop™ {$ps_version}</a><br />

<span>{l s='Load time: '}{number_format(microtime(true) - $timer_start, 3, '.', '')}s</span>

</div>

<div class="footerRight">

{if $iso_is_fr}

<span>Questions / Renseignements / Formations :</span> <strong>+33 (0)1.40.18.30.04</strong> de 09h à 18h

{/if}

| <a href="http://www.prestashop.com/en/contact_us/" target="_blank" class="footer_link">{l s='Contact'}</a>

| <a href="http://forge.prestashop.com" target="_blank" class="footer_link">{l s='Bug Tracker'}</a>

| <a href="http://www.prestashop.com/forums/" target="_blank" class="footer_link">{l s='Forum'}</a>

</div>

</div>

</div>

</div>

<div id="ajax_confirmation" style="display:none"></div>

{* ajaxBox allows*}

<div id="ajaxBox" style="display:none"></div>

{/if}

<div id="scrollTop"><a href="#top"></a></div>

</body>

</html>

 

dan edit global.css di --> public_html/themes/default/css

Aslinya seperti ini

#footer {}

 

 

/* ************************************************************************************************

generic style

************************************************************************************************ */

body{

font:normal 11px/14px Arial, Verdana, sans-serif;

color:#222;

background:#EEF2F7

}

 

Tapi kok tidak ada perubahan ya, malahan hancur, jadinya saya balikin ke semula lagi.

 

Yang saya mau pasang di toko online saya seperti ini gambarannya :

 

 

 

Tentang Kami Home Keranjang Belanja Berita Konfirmasi Kontak Kami

Copyright © 2010-2012 majupratama.com. All right reserved.

 

Kira2 ada pencerahan buat saya yang pemula?

 

Terimakasih sebelum dan sesudahnya.

Link to comment
Share on other sites
magdalena Newbie

magdalena

Posted
Posted

Uninstall semua module yang aktif di footer :

  1. Block reinsurance v2.0
  2. My Account block on footer v1.2
  3. CMS Block v1.1
  4. Block social v1.0
  5. Block contact infos v1.0

Buka file footer.tpl lalu masukan script smarty html yang Anda inginkan (dalam div tag id="footer"), misalnya :

<p id="foot_left">© 2012 My Online Store, All Right Reserved</p>
<p id="foot_right">I love Prestashop</p>

 

Edit file global.css agar desain footer sesuai dengan yang Anda inginkan, misalnya :

 

#footer {
border-top: 1px dotted #CCCCCC;
color: #333333;
padding: 5px 0;
}
#foot_left {
float: left;
padding: 0;
width: 50%;
}
#foot_right {
float: right;
padding: 0;
text-align: right;
width: 50%;
}

 

Selamat mencoba ...

 

 

Terimakasih dah share ilmunya gan, langsung exsperimen dulu ahhhhhhhhhhh

 

 

 

Parfum Original Jual Murah

Link to comment
Share on other sites
gonebdg - webindoshop.com Newbie

gonebdg - webindoshop.com

Posted
Posted

@Sunyoto

 

Lokasi file themes default Prestashop v.1.5.x , khususnya file footer.tpl ada di .../themes/default/

Lokasi css file default theme Prestashop v.1.5.x , khususnya global.css ada di .../themes/default/css/

 

BUKAN di .../admin/themes/default/template/

Anda telah salah mengedit file (padahal sudah benar file global.css nya), yang anda edit file footer.tpl dalam template halaman admin :P

Link to comment
Share on other sites
gonebdg - webindoshop.com Newbie

gonebdg - webindoshop.com

Posted
Posted

Ah masa ga bisa ... yang cermat & sabar mas

masih ada module yang belum Anda uninstall.

ini screenshot hasilnya kalau ngikutin contoh diatas :

post-30874-0-11823200-1351152124_thumb.jpg

 

Ga usah takut salah kalau ngedit file themes

TAPI buat backup file dahulu untuk jaga-jaga biar ga bingung kalau salah editing tinggal restore.

 

ini script contoh selengkapnya :

 

<style>
#footer {
   background: none repeat scroll 0 0 transparent;
   border-top: 1px dotted #CCCCCC;
   clear: both;
   color: #333333;
   padding: 5px 0;
}
#foot_left {
   float: left;
   padding: 0;
   width: 50%;
}
#foot_right {
   float: right;
   padding: 0;
   text-align: right;
   width: 50%;
}
</style>

<div class="grid_9 alpha omega clearfix" id="footer">
  <p id="foot_left">© 2012 Majupratama.com, All Right Reserved</p>
  <p id="foot_right">I love Prestashop</p>
</div>

Link to comment
Share on other sites
Sunyoto Newbie

Sunyoto

Posted
  • Author
Posted

Sudah bisa om, tapi untuk categories block nya hilang yang ada di sebelah kiri dan kenapa tulisan detail(lihat) ketutup sama deskirpsi singkat dari produk ya...

 

Maaf ya banyak tanya, soalnya saya kepingin banget belajar buat toko online dan kayaknya saya masih perlu banyak belajar sama om. Jangan bosen dan capek ya untuk ngajarin saya dan tolong di pandu caranya untuk mempercantik website

 

Makasih banyak

Link to comment
Share on other sites
Sunyoto Newbie

Sunyoto

Posted
  • Author
Posted (edited)

Maaf om, saya sudah rubah footer.tpl dan hasilnya yang ada di block footer Tentang kami dll nya kondisi vertikal.

 

Pertanyaannya :

1. Bagaimana caranya kalau dirubah menjadi horizontal.

2. Setelah saya rubah footer nya, kenapa block online help, block produk terbaru, block hubungi kami terhapus yang ada di posisi sebelah kiri jadi kosong.

 

Mohon pencerahannya.

 

Tks

 

Edited by Sunyoto (see edit history)
Link to comment
Share on other sites
bejoanakdesa Newbie

bejoanakdesa

Posted
Posted (edited)

pagi pak berhubung masih seputar masalah footer yang inin saya tanyakan :

1. bagaimana merubah atau menghapus kata kata dan gambar

Money back exchange, exchane in store,payment upon shiftment,free shipping, 100% secure payment

2. Mengubah height footer yang ada

 

saya pakai prestashop 1.5.2.0 pak

terima kasih

Edited by bejoanakdesa (see edit history)
Link to comment
Share on other sites
gonebdg - webindoshop.com Newbie

gonebdg - webindoshop.com

Posted
Posted

pagi pak berhubung masih seputar masalah footer yang inin saya tanyakan :

1. bagaimana merubah atau menghapus kata kata dan gambar

Money back exchange, exchane in store,payment upon shiftment,free shipping, 100% secure payment

2. Mengubah height footer yang ada

 

saya pakai prestashop 1.5.2.0 pak

terima kasih

 

Anda buka halaman konfigurasi module "blockreinsurance" upload gambar dan rubah text-nya sesuai keinginan anda

 

untuk merubah height footer anda buka dan edit file css terkait (gunakan firebugs firefox add-ons agar mudah dalam menemukan dan merubah style/layout)

Link to comment
Share on other sites
Sunyoto Newbie

Sunyoto

Posted
  • Author
Posted

Selamat siang master2 semuanya,

 

Saya mau tanya, bagaimana menghilangkan block footer kolom yang besar dan warna hitam bawaan v1.5.1.0.

 

Saya mau tulis keterangan toko, alamat, no telp, dll.

 

Contohnya mungkin seperti ini :

 

 

 

namadomain.com

Isis ringkasan toko online

alamat

no telp

Copyright © 2010-2012 namadomain.com. All right reserved.

 

Mungkin itu saja pertanyaan saya saat ini, terimakasih.

 

Sukses selalu,

Link to comment
Share on other sites
db Newbie

db

Posted
Posted

Siang mas Sunyoto,

 

menghilangkan block footer kolom yang besar dan warna hitam bawaan v1.5.1.0

 

coba masuk ke Back Office -> Modules -> Uninstall module :

  • block categorie footer
  • cms
  • my account footer
  • block social
  • block contact

 

Thanks,

Link to comment
Share on other sites
Sunyoto Newbie

Sunyoto

Posted
  • Author
Posted

Siang juga mas,

 

Semua sudah saya uninstall, yang saya mau adalah menghilagkan block warna hitamnya biar polos warna putih misalkan, Biar bisa saya masukkan file2 seperti diatas atau seperti prestashop versi sebelum 1.5.1.0

 

Kira2 bagaimana ya?

 

Makasih

Link to comment
Share on other sites
db Newbie

db

Posted
Posted
Semua sudah saya uninstall, yang saya mau adalah menghilagkan block warna hitamnya biar polos warna putih misalkan, Biar bisa saya masukkan file2 seperti diatas atau seperti prestashop versi sebelum 1.5.1.0

 

coba buka folder themes/nama_themes/css/global.css <- edit

 

kemudian cari code berikut :

 

#footer {

 

 

background: none repeat scroll 0 0 #333333;

color: #FFFFFF;

}

atau kira2 line 551.

 

Terima Kasih,

 

email : [email protected]

ym : db.maulana

Link to comment
Share on other sites
Sunyoto Newbie

Sunyoto

Posted
  • Author
Posted

Baik mas, sudah saya edit dan bisa berubah.

 

Sekarang, kalau saya mau masukkan file2 seperti dibawah ini bagaimana?

 

namadomain.com

Isi ringkasan toko online

alamat

no telp

Copyright © 2010-2012 namadomain.com. All right reserved.

 

Kira2 dimana saya harus tambah atau edit.

 

Terimakasih pencerahannya.

Link to comment
Share on other sites
db Newbie

db

Posted
Posted

Sekarang, kalau saya mau masukkan file2 seperti dibawah ini bagaimana?

 

namadomain.com

Isi ringkasan toko online

alamat

no telp

Copyright © 2010-2012 namadomain.com. All right reserved.

 

itu bisa di footer.tpl mas :)

Link to comment
Share on other sites
Sunyoto Newbie

Sunyoto

Posted
  • Author
Posted

Caranya bagaimana mas....

 

Ini isi asli dari footer.tpl

 

{*

* 2007-2012 PrestaShop

*

* NOTICE OF LICENSE

*

* This source file is subject to the Academic Free License (AFL 3.0)

* that is bundled with this package in the file LICENSE.txt.

* It is also available through the world-wide-web at this URL:

* http://opensource.org/licenses/afl-3.0.php

* If you did not receive a copy of the license and are unable to

* obtain it through the world-wide-web, please send an email

* to [email protected] so we can send you a copy immediately.

*

* DISCLAIMER

*

* Do not edit or add to this file if you wish to upgrade PrestaShop to newer

* versions in the future. If you wish to customize PrestaShop for your

* needs please refer to http://www.prestashop.com for more information.

*

* @author PrestaShop SA <[email protected]>

* @copyright 2007-2012 PrestaShop SA

* @version Release: $Revision: 6594 $

* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)

* International Registered Trademark & Property of PrestaShop SA

*}

 

{if !$content_only}

</div>

 

<!-- Right -->

<div id="footer" class="center">

<ul class="block_various_links" id="block_various_links_footer" >

<li class="item"><a href="http://majupratama.com/content/10-tentang-kami" title="Tentang kami" title="About us"><font color="white"><strong>Tentang kami</strong></font></a></li>

<li class="item"><a href="http://majupratama.com/contact-us" title="Hubungi kami"><font color="white"><strong>Kontak</strong></font></a></li>

<li class="item"><a href="http://majupratama.com/new-products" title="Produk baru"><font color="white"><strong>Produk Baru</strong></font></a></li>

<li class="item"><a href="http://majupratama.com/content/13-how-to-order" title="How To Order"><font color="white"><strong>Cara Berbelanja</strong></font></a></li>

<li class="item"><a href="http://majupratama.com/content/14-pengiriman" title="Delivery"><font color="white"><strong>Pengiriman</strong></font></a></li>

<li class="item"><a href="http://majupratama.com/prices-drop" title="Spesial"><font color="white"><strong>Spesial Discount</strong></font></a></li>

<li class="last"><a href="http://majupratama.com"><font color="white"><strong>HOME</font></strong></a></li>

</ul>

<style>

#footer {

background: none repeat scroll 0 0 transparent;

border-top: 1px dotted #CCCCCC;

clear: both;

color: #333333;

padding: 5px 0;

}

#foot_left {

float: left;

padding: 0;

width: 50%;

}

#foot_right {

float: right;

padding: 0;

text-align: right;

width: 50%;

}

</style>

 

<div class="grid_9 alpha omega clearfix" id="footer">

<p id="foot_left">© 2010 Majupratama.com, All Right Reserved</p>

<p id="foot_right">I love Prestashop</p>

</div>

{$HOOK_FOOTER}

{if $PS_ALLOW_MOBILE_DEVICE}

<p class="center clearBoth"><a href="{$link->getPageLink('index', true)}?mobile_theme_ok">{l s='Browse the mobile site'}</a></p>

{/if}

</div>

</div>

{/if}

</body>

</html>

 

Yang dirubah baris mana ya mas?

 

Tks

Link to comment
Share on other sites
Sunyoto Newbie

Sunyoto

Posted
  • Author
Posted

Cara memasukkan text yang saya mau, bagaimana? bisa di kasih tau caranya step by step?

 

Soalnya, setelah saya install block cms maka muncul di footer link yang ada di cms dengan posisi vertikal.

 

yang saya mau jika install block cms posisi nya horisontal.

 

Bagaimana ya mas?

 

Tks

Link to comment
Share on other sites
yusufzulkarnain Newbie

yusufzulkarnain

Posted
Posted (edited)

Anda buka halaman konfigurasi module "blockreinsurance" upload gambar dan rubah text-nya sesuai keinginan anda

 

untuk merubah height footer anda buka dan edit file css terkait (gunakan firebugs firefox add-ons agar mudah dalam menemukan dan merubah style/layout)

Selamat pagi! PS pertama saya, www.bajuditoko.com, dulu pakai jasa Gonebdg-Webindoshop.com. Kini dengan PS 1.5.2.0, www.lovingprize.com, saya kesulitan add/edit halaman baru CMS karena ruang pengeditan "Page Content" tidak muncul di bawah URL-Friendly dan bug lainnya. Bagaimana cara down-grade dari PS 1.5.2.0 ke 1.5.1.0 atau 1.4.8.2? Saya memiliki file zip keduanya.

Edited by yusufzulkarnain (see edit history)
Link to comment
Share on other sites
  • 3 weeks later...
  • 3 months later...
usefun Newbie

usefun

Posted
Posted

maaf masta2....

 

mau tanya klo module kategori dihapus maka blok kategori pada colom kiri hilang, yg saya mau tanyakan gmn cara hilangin kategori pada footer tanpa menghilangkan blok kategori pada kolombagian kiri?

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...