Hi All,
Would you please let me know how can I remove the search box along with the box next to it that shows "0 items, $0.00 from default OC 2.0.2 template?
Thanks in advance
You can open file catlaog/view/theme/default/template/common/header.tpl
find
and remove it.
find
Code: Select all
<?php echo $search; ?>http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension
Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme
Extra Positions PRO, Custom JavaScript, Custom CSS and others
Thanks for the reply. But I have tried this already and nothing append. Somehow when I remove the lines related to search box and total item count nothing happens. Could it be related to some of the vqmod extensions that I have installed?
Maybe a OCMOD extension is creating a cache for this file. You can try going to admin > Extensions > Modifications > click on the Refresh button and recheck it again.omid219 wrote:Thanks for the reply. But I have tried this already and nothing append. Somehow when I remove the lines related to search box and total item count nothing happens. Could it be related to some of the vqmod extensions that I have installed?
http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension
Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme
Extra Positions PRO, Custom JavaScript, Custom CSS and others
Hi
You can edit stylesheet.css file:
Catalog/view/theme/yourtheme/stylesheet/stylesheet.css
found:
Add
E.g
Remove total items:
Edit language file:Catalog/language/english/common/cart.php
Changed
Good luck
You can edit stylesheet.css file:
Catalog/view/theme/yourtheme/stylesheet/stylesheet.css
found:
Code: Select all
#search{
....
}
Code: Select all
Display:none;
Code: Select all
#search{
........
Display:none;
}
Edit language file:Catalog/language/english/common/cart.php
Code: Select all
$_['text_items']='%s items(s) - %s';
Code: Select all
$_['text_items']='%s';
Thanks all for the answers. I created a small vqmod xml file to change the core files according it looks good now.
I didn't change the css file because I think that just hides the search box but I want to remove that row completely so there will be smaller gap between top header and top menu bar.
I didn't change the css file because I think that just hides the search box but I want to remove that row completely so there will be smaller gap between top header and top menu bar.
It is posible to share it? Actually I'm looking to disable the search box only when mobile (or low resolution) enter in site.omid219 wrote:Thanks all for the answers. I created a small vqmod xml file to change the core files according it looks good now.
I didn't change the css file because I think that just hides the search box but I want to remove that row completely so there will be smaller gap between top header and top menu bar.
10x,
C
To do that you can install my free extension Custom CSS and add below codecivanescu wrote:It is posible to share it? Actually I'm looking to disable the search box only when mobile (or low resolution) enter in site.omid219 wrote:Thanks all for the answers. I created a small vqmod xml file to change the core files according it looks good now.
I didn't change the css file because I think that just hides the search box but I want to remove that row completely so there will be smaller gap between top header and top menu bar.
10x,
C
Code: Select all
@media (max-width: 768px) {
#search {
display: none;
}
}http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension
Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme
Extra Positions PRO, Custom JavaScript, Custom CSS and others
Thank you for custom css code snippet.
The search box on smaller devices did disappear, but the search icon (magnifying glass) is still visible.
See pic, top is before, and bottom is result on small screens.
How do I remove the magnifying glass portion?
Thanks.
The search box on smaller devices did disappear, but the search icon (magnifying glass) is still visible.
See pic, top is before, and bottom is result on small screens.
search bar illustration - searchbar illustration.png (11.27 KiB) Viewed 3311 times
Thanks.
viethemes wrote:To do that you can install my free extension Custom CSS and add below codeCode: Select all
@media (max-width: 768px) { #search { display: none; } }
Who is online
Users browsing this forum: No registered users and 3 guests
