Post by cirrussky » Thu May 17, 2012 1:24 am

Is there a vqmod available that will change the header items such as, wish list, shopping cart, login, create an account, etc.. to buttons?

Thanks!

New member

Posts

Joined
Tue Feb 28, 2012 3:30 pm

Post by Avvici » Thu May 17, 2012 4:16 am

Can you be a little more specific what you mean by change?

User avatar
Expert Member

Posts

Joined
Tue Apr 05, 2011 12:09 pm
Location - Asheville, NC

Post by cirrussky » Thu May 17, 2012 4:30 am

I was wanting to have the text look like buttons on the header instead of just plain text. Basically above the top menu where it has wish list, my account, login, create an account, checkout, home etc.. Think it would look better if they looked like buttons thatn just the plain text that is there now.

Thanks!

New member

Posts

Joined
Tue Feb 28, 2012 3:30 pm

Post by Avvici » Thu May 17, 2012 6:59 am

Go into catalog/view/theme/default/template/common/header.tpl and find this:

Code: Select all

 <div class="links"><a href="<?php echo $home; ?>"><?php echo $text_home; ?></a><a href="<?php echo $wishlist; ?>" id="wishlist-total"><?php echo $text_wishlist; ?></a><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a><a href="<?php echo $shopping_cart; ?>"><?php echo $text_shopping_cart; ?></a><a href="<?php echo $checkout; ?>"><?php echo $text_checkout; ?></a></div>
Here is an example of making these images:

Code: Select all

 <div class="links"><a href="<?php echo $home; ?>"><img src="catalog/view/theme/default/image/home.jpg" alt="Home" width="75" height="25"/></a><a href="<?php echo $wishlist; ?>" id="wishlist-total"><img src="catalog/view/theme/default/image/wishlist.jpg" alt="Wishlist" width="75" height="25"/></a><a href="<?php echo $account; ?>"><img src="catalog/view/theme/default/image/account.jpg" alt="Account" width="75" height="25"/></a><a href="<?php echo $shopping_cart; ?>"><img src="catalog/view/theme/default/image/cart.jpg" alt="Cart" width="75" height="25"/></a><a href="<?php echo $checkout; ?>"><img src="catalog/view/theme/default/image/checkout.jpg" alt="Checkout" width="75" height="25"/></a></div>
Just make your images and replace the names I put in with yours. If you want to style these buttons with CSS just turn towards your css and find this: #header .links { to style the images.

User avatar
Expert Member

Posts

Joined
Tue Apr 05, 2011 12:09 pm
Location - Asheville, NC

Post by tmart » Wed May 30, 2012 8:08 pm

Hi, Thank you so much! We are upgrading from OC 1.4.9.5 to 1.5.3. Working on it in WAMP. We managed to make buttons as per your instructions, very successfully. Please see the attached picture. But then, the "Welcome Login & Create Account" appeared just above these buttons, almost touching it.

We would like to have it moved a little higher and also like to have buttons like shown in the bottom part of the picture. Can you help us please?

Thanks in advance and best regards
Tissy

Attachments

OCHeader.jpg

OCHeader.jpg (62.04 KiB) Viewed 2016 times


Image
Logo Printed / Embroidered T-Shirts
Polo Shirts, Sweatshirts & Hoodies

http://www.tmart.in


New member

Posts

Joined
Fri Jan 21, 2011 2:02 am


Post by BasheeraDesigns » Fri Aug 31, 2012 2:10 pm

Hi, I have followed the steps and replaced the code and renamed my images but unfortunately, it distorted my website to where I had no header at all and all the text was jammed to the left. I changed it back but I am just wondering what I did wrong.


Posts

Joined
Thu Aug 23, 2012 1:58 pm

Post by Avvici » Sat Sep 01, 2012 3:42 am

You have to adjust your CSS as well

User avatar
Expert Member

Posts

Joined
Tue Apr 05, 2011 12:09 pm
Location - Asheville, NC

Post by BasheeraDesigns » Sat Sep 01, 2012 5:20 am

Thanks, where might I find the CSS?


Posts

Joined
Thu Aug 23, 2012 1:58 pm
Who is online

Users browsing this forum: No registered users and 308 guests