Post by BruceTag » Wed May 27, 2015 4:30 am

Is there any way to move the Search Bar to the right of screen, below the Shopping Cart box, on browser screens (not affecting mobile views), in a way that can allow something else to be placed where the Search Bar was located in the centre?

New member

Posts

Joined
Sat Mar 14, 2015 11:47 pm

Post by viethemes » Wed May 27, 2015 8:45 pm

You can use my free extensions Custom JavaScript and add code below

Code: Select all

<script>
$(document).ready(function () {
if ($(window).width() > 768) {
$('#search').insertAfter('#cart');
}
});
</script>

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


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm


Post by BruceTag » Thu May 28, 2015 6:37 pm

That worked perfectly, as was expected from a Viethemes Extension and script. I initially assumed the Custom CSS is what you were referring to, but I realised quickly the Custom JavaScript was a separate extension.

Thanks once again for providing brilliant help.

EDIT: Is there any suggestion as to how I can extend the logo across the space previously occupied by the Search Bar. When I created a logo of length 800 pixels, which I assumed would be a nice fit, it automatically shrunk to a very small logo on top left of screen.

New member

Posts

Joined
Sat Mar 14, 2015 11:47 pm

Post by viethemes » Thu May 28, 2015 9:57 pm

BruceTag wrote:That worked perfectly, as was expected from a Viethemes Extension and script. I initially assumed the Custom CSS is what you were referring to, but I realised quickly the Custom JavaScript was a separate extension.

Thanks once again for providing brilliant help.

EDIT: Is there any suggestion as to how I can extend the logo across the space previously occupied by the Search Bar. When I created a logo of length 800 pixels, which I assumed would be a nice fit, it automatically shrunk to a very small logo on top left of screen.
Glad to hear that you figured out it!
About new question, you can replace the code above with code below

Code: Select all

<script>
$(document).ready(function () {
if ($(window).width() > 768) {
$('#search').insertAfter('#cart');
$('#logo').parent().removeClass('col-sm-4').addClass('col-sm-9').next().remove();
}
});
</script>

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


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm


Post by BruceTag » Thu May 28, 2015 10:10 pm

Once again a MASSIVE THANK YOU to Viethemes for their genius and invaluable help.

New member

Posts

Joined
Sat Mar 14, 2015 11:47 pm

Post by viethemes » Thu May 28, 2015 10:33 pm

BruceTag wrote:Once again a MASSIVE THANK YOU to Viethemes for their genius and invaluable help.
Glad to hear that you are happy with my work :)

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


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm


Post by LuisaX » Sat Feb 20, 2016 12:51 am

Hi Viethemes
I installed your Custom Java and it's working perfectly :-)
Just one question. Which code should i use to move the search bar in the menu bar after the category names?

Many thanks for your help!!

Luisa

User avatar
New member

Posts

Joined
Fri Feb 19, 2016 4:53 pm

Post by cyclops12 » Sun Feb 21, 2016 8:09 pm

excellent way to have a bigger logo, nice one viethemes :yahoo:

Expert Member

Posts

Joined
Sun Sep 27, 2015 1:10 am

Post by viethemes » Mon Feb 22, 2016 12:17 am

LuisaX wrote:Hi Viethemes
I installed your Custom Java and it's working perfectly :-)
Just one question. Which code should i use to move the search bar in the menu bar after the category names?

Many thanks for your help!!

Luisa
Could you explain via image, so I can take a look at your question closer?
cyclops12 wrote:excellent way to have a bigger logo, nice one viethemes :yahoo:
Glad to hear that you are happy with my work! :)

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


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm


Post by LuisaX » Tue Feb 23, 2016 7:16 pm

Hi Viethemes
This is the store i'm working at and I'd like to move the search bar into the grey menu bar (after "digital" but all the way to the right)
http://www.supernaturalcat.com/store/

Many thanks for your help!!!

Luisa

User avatar
New member

Posts

Joined
Fri Feb 19, 2016 4:53 pm

Post by viethemes » Wed Feb 24, 2016 12:01 am

To do that you can install my free extension Custom JavaScript and add below code

Code: Select all

<script>
$('#menu').append($('#search'));
$('#search').css({
	width: '300px',
	position: 'absolute',
	right: 0,
	top: 0
});
</script>

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


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm


Post by LuisaX » Wed Feb 24, 2016 6:12 am

Thanks for the answer! I already use your custom Java extension and it's amazing!

User avatar
New member

Posts

Joined
Fri Feb 19, 2016 4:53 pm

Post by robster » Mon Mar 14, 2016 1:28 am

Hi

Glad I came across this post as it is exactly what I am after. However I have installed your fine free Custom JavaScript extension and tried to enter the code you mention at the top of this post but when I hit save I get:

Forbidden

You don't have permission to access /test/admin/index.php on this server.

Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.


I am using OpenCart v2.1.0.2.

Any ideas?

I know my place...!


User avatar
Active Member

Posts

Joined
Tue Jul 13, 2010 8:08 pm
Location - North Yorkshire, UK

Post by robster » Thu Mar 31, 2016 9:50 pm

@viethemes

Are you still with us? I have asked this question here, on the extension page and twice through your ticketing system but had no response. Hopefully you can assist with this.

Robster

I know my place...!


User avatar
Active Member

Posts

Joined
Tue Jul 13, 2010 8:08 pm
Location - North Yorkshire, UK

Post by viethemes » Thu Mar 31, 2016 11:22 pm

Hi,
It seems that your hosting is enabling security for filtering post method. You should contact their to disable it.

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


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm


Post by robster » Thu Mar 31, 2016 11:27 pm

Hi

Ok I will copy and paste that and see what they say.

Thanks

Robster

I know my place...!


User avatar
Active Member

Posts

Joined
Tue Jul 13, 2010 8:08 pm
Location - North Yorkshire, UK

Post by robster » Fri Apr 01, 2016 4:25 pm

@viethemes

I sent that information to my hosting company but they could not understand what exactly you mean:

"Can you please provide more details regarding this. Specify what you want to disable in the server."

I don't understand either so could you help explain a little more? :)

Thanks

Robster

I know my place...!


User avatar
Active Member

Posts

Joined
Tue Jul 13, 2010 8:08 pm
Location - North Yorkshire, UK

Post by viethemes » Fri Apr 01, 2016 8:43 pm

You can take a look at solution here http://forum.opencart.com/viewtopic.php ... +analytics.

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


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm


Post by zedrally » Tue Jan 03, 2017 11:28 am

That code fixes up a problem I had, but I was wondering if there was anyway to custom alter the size of the store logo and to add another image below the search box?

Active Member

Posts

Joined
Mon Sep 29, 2014 12:12 pm

Post by zedrally » Wed Jan 04, 2017 7:49 am

^^^ That isn't a solution for us.

Active Member

Posts

Joined
Mon Sep 29, 2014 12:12 pm
Who is online

Users browsing this forum: No registered users and 10 guests