Hello,
I am newbie in opencart and working hard to get grip on it. Originally filter panel is displayed next to product list but I want to display filter panel on top of product list. Can anybody help me out.
Hi,
Edit this file:
Find:
Change it to:
Find:
Change it to:
Then go to your admin dashboard / Gear icon / Refresh
Edit this file:
Code: Select all
admin\view\template\catalog\product_list.twigCode: Select all
<div id="filter-product" class="col-md-3 col-md-push-9 col-sm-12 hidden-sm hidden-xs">Code: Select all
<div id="filter-product">Code: Select all
<div class="col-md-9 col-md-pull-3 col-sm-12">Code: Select all
<div>Thanks Buddy It worked...DigitCart wrote: ↑Tue Sep 04, 2018 12:58 amHi,
Edit this file:Find:Code: Select all
admin\view\template\catalog\product_list.twigChange it to:Code: Select all
<div id="filter-product" class="col-md-3 col-md-push-9 col-sm-12 hidden-sm hidden-xs">Find:Code: Select all
<div id="filter-product">Change it to:Code: Select all
<div class="col-md-9 col-md-pull-3 col-sm-12">Then go to your admin dashboard / Gear icon / RefreshCode: Select all
<div>
1. Open admin\view\template\catalog\product_list.twig file.
2. Search for :
`<div id="filter-product" class="col-md-3 col-md-push-9 col-sm-12 hidden-sm hidden-xs">`
Replace with
`<div id="filter-product" class="row"> `
3. Seach for : ` <div class="form-group"> `. There will be 5 match. Before 1st paste `<div class="col-sm-4">` AND before 3rd,5th paste `</div><div class="col-sm-4">`.
4. Search for : `<button type="button" id="button-filter" class="btn btn-default"><i class="fa fa-filter"></i> {{ button_filter }}</button>` and juss after this add `</div>`.
5. Search for : `<div class="col-md-9 col-md-pull-3 col-sm-12">` and replace with `<div>` .
2. Search for :
`<div id="filter-product" class="col-md-3 col-md-push-9 col-sm-12 hidden-sm hidden-xs">`
Replace with
`<div id="filter-product" class="row"> `
3. Seach for : ` <div class="form-group"> `. There will be 5 match. Before 1st paste `<div class="col-sm-4">` AND before 3rd,5th paste `</div><div class="col-sm-4">`.
4. Search for : `<button type="button" id="button-filter" class="btn btn-default"><i class="fa fa-filter"></i> {{ button_filter }}</button>` and juss after this add `</div>`.
5. Search for : `<div class="col-md-9 col-md-pull-3 col-sm-12">` and replace with `<div>` .
Opencart Expert | sales[at]ost.agency
Skype - manish.osuniverse | Gtalk - manishmt
Extensions for Opencart @ https://www.ost.agency/product/product- ... extensions
ost.agency - ecommerce website design, development and digital company
i do the same but nothing happened, what did i miss. oooo modification refresh tookanaksoni85 wrote: ↑Tue Sep 04, 2018 4:24 pmThanks Buddy It worked...DigitCart wrote: ↑Tue Sep 04, 2018 12:58 amHi,
Edit this file:Find:Code: Select all
admin\view\template\catalog\product_list.twigChange it to:Code: Select all
<div id="filter-product" class="col-md-3 col-md-push-9 col-sm-12 hidden-sm hidden-xs">Find:Code: Select all
<div id="filter-product">Change it to:Code: Select all
<div class="col-md-9 col-md-pull-3 col-sm-12">Then go to your admin dashboard / Gear icon / RefreshCode: Select all
<div>
Thanks , thanks this was very helpful.ostechnologies wrote: ↑Tue Sep 04, 2018 6:39 pm1. Open admin\view\template\catalog\product_list.twig file.
2. Search for :
`<div id="filter-product" class="col-md-3 col-md-push-9 col-sm-12 hidden-sm hidden-xs">`
Replace with
`<div id="filter-product" class="row"> `
3. Seach for : ` <div class="form-group"> `. There will be 5 match. Before 1st paste `<div class="col-sm-4">` AND before 3rd,5th paste `</div><div class="col-sm-4">`.
4. Search for : `<button type="button" id="button-filter" class="btn btn-default"><i class="fa fa-filter"></i> {{ button_filter }}</button>` and juss after this add `</div>`.
5. Search for : `<div class="col-md-9 col-md-pull-3 col-sm-12">` and replace with `<div>` .
Hi kanaksoni85, from your attachment I saw you can show Seller from Product list and Filter. How can we show it? Thankskanaksoni85 wrote: ↑Tue Sep 04, 2018 12:12 amHello,
I am newbie in opencart and working hard to get grip on it. Originally filter panel is displayed next to product list but I want to display filter panel on top of product list. Can anybody help me out.
Feel free to use this modification similar to the one from DigitCart but a bit more extended and styled.
Attachments
Admin Filters on top
Web Development, Consulting and SEO for Europe by itech.bg
