Post by jiao » Thu Oct 02, 2014 8:12 pm

Hello,

I would like to add a text banner that says “Free Shipping on orders over $100” under the top bar menu.
I want it to look like the attached photo.

I need it to be:
- scalable when used on a mobile device.
- located on every page of the store.

How can I do this? Thank you very much in advance to anyone who can help me with this.
Howtocodethis.jpg

Howtocodethis.jpg (135.83 KiB) Viewed 1108 times


Active Member

Posts

Joined
Mon Apr 23, 2012 12:11 am

Post by labeshops » Thu Oct 02, 2014 8:30 pm

Edit your header.tpl file in template/common/ and add it at the bottom before the notification tag. Give it a width of 100% so it will scale for you.

Running Opencart v2.2 with multi-stores from https://www.labeshops.com which has links to all my stores.

Image


User avatar
Expert Member

Posts

Joined
Thu Aug 04, 2011 4:41 am
Location - Florida, USA

Post by jiao » Thu Oct 02, 2014 9:07 pm

labeshops , Thank you very much for the reply and for pointing me in the right direction.

The only issue is I am a newbie and have no idea how to do that. :(

If it is not too much trouble can you please tell me the actual code I need to paste in the header.tpl file, and where exactly?

Thanks again.

Active Member

Posts

Joined
Mon Apr 23, 2012 12:11 am

Post by jiao » Mon Oct 06, 2014 10:03 am

Bump.

Active Member

Posts

Joined
Mon Apr 23, 2012 12:11 am

Post by sytra » Tue Oct 07, 2014 10:38 pm

Assuming you can make your own banner / image, you could use a position extension (we have a free one from the extensions) and then you can put it where you want.

Running OC 1.5.5.1 with vqmods.
http://www.aislings.co.uk
http://www.lovers-paradise-toys.co.uk


Active Member

Posts

Joined
Sat Feb 04, 2012 6:27 am

Post by jiao » Tue Oct 14, 2014 9:46 pm

Thanks everyone for the help, esp labeshops who helped me to get it done how I wanted by sending me the following code which I modified as shown below:

<div style=" background-color: #color-here; color: #color-here; width: 100%; height: 35px; text-align: center; font-size: 20px; font-weight: bold; padding-top: 5px; border-radius: 5px; margin-bottom: 10px; ">FREE SHIPPING WORLDWIDE on Orders Over $125.</div>

This was on the header.tpl file.

Active Member

Posts

Joined
Mon Apr 23, 2012 12:11 am
Who is online

Users browsing this forum: Bing [Bot] and 35 guests