mohon pencerahan..
gimana caranya related product selalu terbuka..defaulatnya kan deskripsi product selalu terbuka..jadi pas buka halaman product yang tebuka dibagian bawahnya related products..
terimakasih sebelumnya..
Buka file product.tpl yang ada di folder catalog/view/default/template/product (asumsi template default. opencart 1.4.7)yaga wrote:mohon pencerahan..
gimana caranya related product selalu terbuka..defaulatnya kan deskripsi product selalu terbuka..jadi pas buka halaman product yang tebuka dibagian bawahnya related products..
terimakasih sebelumnya..
cari baris berikut : (disaya pada baris 103)
<div class="tabs"><a tab="#tab_description"><?php echo $tab_description; ?></a><a tab="#tab_image"><?php echo $tab_image; ?></a><a tab="#tab_review"><?php echo $tab_review; ?></a><a tab="#tab_related"><?php echo $tab_related; ?></a></div>
Untuk memudahkan saya potong jadi beberapa baris seperti berikut :
<div class="tabs">
<a tab="#tab_description"><?php echo $tab_description; ?></a>
<a tab="#tab_image"><?php echo $tab_image; ?></a>
<a tab="#tab_review"><?php echo $tab_review; ?></a>
<a tab="#tab_related"><?php echo $tab_related; ?></a>
</div>
Pindahkan baris
<a tab="#tab_related"><?php echo $tab_related; ?></a>
keurutan pertama. Persis dibawah <div class="tabs"> sehingga menjadi seperti berikut :
<div class="tabs">
<a tab="#tab_related"><?php echo $tab_related; ?></a>
<a tab="#tab_description"><?php echo $tab_description; ?></a>
<a tab="#tab_image"><?php echo $tab_image; ?></a>
<a tab="#tab_review"><?php echo $tab_review; ?></a>
</div>
Semoga membantu...
Happy Selling...
Karena tab adalah manipulasi link oleh JQuery, maka cara alternatif lainnya yang simple adalah dengan mengeset default tab yang dibuka ke tab related. Caranya dengan mengedit file catalog/view/theme/template/product/product.tpl.
Scroll ke 3 baris paling bawah cari kode :
Ganti menjadi :
Jika ingin ganti default ke tab lainnya tinggal ganti sesuai attribute tab pada link tabnya : contoh '#tab_image' untuk default ke tab image.
<a tab="#tab_image" class="">Additional Images (3)</a>
Semoga membantu.
Scroll ke 3 baris paling bawah cari kode :
Code: Select all
$.tabs('.tabs a');
Code: Select all
$.tabs('.tabs a','#tab_related');
<a tab="#tab_image" class="">Additional Images (3)</a>
Semoga membantu.
Who is online
Users browsing this forum: No registered users and 4 guests