Hi - I have upgraded to 2.3.0.2 and would like to move the search lookup from the header to the top NAV menu - beside the currency - also and center the logo below it. Ive tried to play around with the header.tpl but I am having no luck. Can anyone help. Greatly appreciated.
You could use this little ocmod to save altering any core files.
This will show the search box in top nav and will hide the original search box position.
You may need to do some css adjustments to make it look nice
Just install using the Extension Installer and click refresh in modifications
This will show the search box in top nav and will hide the original search box position.
You may need to do some css adjustments to make it look nice
Just install using the Extension Installer and click refresh in modifications
Hi Cyclops. Your a star - thanks so much - worked great. If I wanted to move the (black) cart there also - so that the logo looks clean on its own- how could I move that to the NAV also? Sorry to be a pain - I should have stated that.
Really appreciate your help.
Really appreciate your help.
Hi Cyclops (or anyone else). Just on the logo. I centered using the below code.
However, when I view on a mobile it creates a huge gap (scrolling down over 10 times before I get to the categories). On an iPAD its is showing to the left. Is there a better way to center the logo image so that it adjusts responsively?
Many thanks.
However, when I view on a mobile it creates a huge gap (scrolling down over 10 times before I get to the categories). On an iPAD its is showing to the left. Is there a better way to center the logo image so that it adjusts responsively?
Many thanks.
Code: Select all
#logo {
margin: 0 0 10px 0;
height: 100%;
position: relative;
left:470px;
}
#logo img{
width: auto;
max-height: 100%;
height: 50%;
}
Have you tried putting the logo code within "@media"
Something like
@media (min-width: 768px) {
#logo {
margin: 0 0 10px 0;
height: 100%;
position: relative;
left:470px;
}
#logo img{
width: auto;
max-height: 100%;
height: 50%;
}
}
Dont know whats going on with this forum but half the buttons are not working and wont let me put the code in using the code button!
Something like
@media (min-width: 768px) {
#logo {
margin: 0 0 10px 0;
height: 100%;
position: relative;
left:470px;
}
#logo img{
width: auto;
max-height: 100%;
height: 50%;
}
}
Dont know whats going on with this forum but half the buttons are not working and wont let me put the code in using the code button!
Thats because this was made for 2.3.0.2 version which is quite a bit different to 3.0.2.0 version
If you have vqmod installed then you could use this mod attached
You also will need to make 2 adjustments to catalog/view/javascript/common.js file
Open the file and find and change it to
Then find and change it to
hope this helps
You may have to change the col values (in the attahced vqmod)depending on what you are displaying in your top menu
You also will need to make 2 adjustments to catalog/view/javascript/common.js file
Open the file and find
Code: Select all
var value = $('header #search input[name=\'search\']').val();
Code: Select all
var value = $('nav #search input[name=\'search\']').val();
Code: Select all
$('header #search input[name=\'search\']').parent().find('button').trigger('click');
Code: Select all
$('nav #search input[name=\'search\']').parent().find('button').trigger('click');
You may have to change the col values (in the attahced vqmod)depending on what you are displaying in your top menu
Hi Cyclops12 or anyone else on the forum do you perhaps have an ocmod for 3.0.3.8? but one to move the logo and search to the top menu. And have the logo centred.
Thanks
Thanks
edited vqmod by cyclops for OC3
all the above comments remain the same
all the above comments remain the same
DISCLAIMER:
You should not modify core files .. if you would like to donate a cup of coffee I will write it in a modification for you.
https://www.youtube.com/watch?v=zXIxDoCRc84
Who is online
Users browsing this forum: No registered users and 8 guests