Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / adding buttons instead of text

adding buttons instead of text

Locked

Views: 1,262

Results 1 to 7 of 7
This thread is locked. New replies are disabled.
14 Mar 2008, 8:40 PM
#1
jayson avatar

jayson

New Zenner

Join Date:
Jan 2008
Posts:
11
Plugin Contributions:
0

adding buttons instead of text

On my site i have links at the tope something like this:

<li><a class="category-top" href="http://blossomshopkinsfloral.com/store/index.php?main_page=index&cPath=14">Wedding Decorations</a> </li>

i want to add buttons instead of text, where is that located..

also i want ot change the main inside white, (index page) to a different color, where is that locatred in the stylesheets....thanks:shocking:

14 Mar 2008, 9:42 PM
#2
fantasticals avatar

fantasticals

New Zenner

Join Date:
Mar 2007
Location:
Cheshire
Posts:
73
Plugin Contributions:
0

Re: adding buttons instead of text

<li><a class="category-top" href="http://blossomshopkinsfloral.com/store/index.php?main_page=index&cPath=14">Wedding Decorations</a> </li>

i want to add buttons instead of text, where is that located..

also i want ot change the main inside white, (index page) to a different color, where is that locatred in the stylesheets....thanks:shocking:

For buttons instead of text i would try something like this:

<li><a class="category-top" href="http://blossomshopkinsfloral.com/store/index.php?main_page=index&cPath=14"><img src="PATH TO BUTTON" width="BUTTON HEIGHT" height="BUTTON WIDTH" alt="Wedding Decorations" title="Wedding Decorations"></a> </li>

To amend the main page background go to stylesheet.css (includes/templates/YOUR_OVERIDE_FILE/css)

look for:

#mainWrapper {
background-color: #ffffff;

and change it to the colour you want

15 Mar 2008, 12:42 AM
#3
jayson avatar

jayson

New Zenner

Join Date:
Jan 2008
Posts:
11
Plugin Contributions:
0

Re: adding buttons instead of text

i understand the red changes, but what i need to know, is where is the file i need to change[edit], i am using the default files...
thanks

fantasticals:

<li><a class="category-top" href="http://blossomshopkinsfloral.com/store/index.php?main_page=index&cPath=14">Wedding Decorations</a> </li>

i want to add buttons instead of text, where is that located..

also i want ot change the main inside white, (index page) to a different color, where is that locatred in the stylesheets....thanks:shocking:

For buttons instead of text i would try something like this:

<li><a class="category-top" href="http://blossomshopkinsfloral.com/store/index.php?main_page=index&cPath=14"><img src="PATH TO BUTTON" width="BUTTON HEIGHT" height="BUTTON WIDTH" alt="Wedding Decorations" title="Wedding Decorations"></a> </li>

To amend the main page background go to stylesheet.css (includes/templates/YOUR_OVERIDE_FILE/css)

look for:

#mainWrapper {
background-color: #ffffff;

and change it to the colour you want

15 Mar 2008, 10:09 AM
#4
fantasticals avatar

fantasticals

New Zenner

Join Date:
Mar 2007
Location:
Cheshire
Posts:
73
Plugin Contributions:
0

Re: adding buttons instead of text

I believe you are using the categories tab option for these links so the file controling it is / templates / tpl_modules_categories_tabs.php

15 Mar 2008, 1:53 PM
#5
jayson avatar

jayson

New Zenner

Join Date:
Jan 2008
Posts:
11
Plugin Contributions:
0

Re: adding buttons instead of text

what i nned to do is find the php that has this data:

<li><a class="category-top" href="http://blossomshopkinsfloral.com/store/index.php?main_page=index&cPath=14"><img src="PATH TO BUTTON" width="BUTTON HEIGHT" height="BUTTON WIDTH" alt="Wedding Decorations" title="Wedding Decorations"></a> </li>

when i do to that file all i see is:

<?php /** * Module Template - categories_tabs * * Template stub used to display categories-tabs output * * @package templateSystem * @copyright Copyright 2003-2005 Zen Cart Development Team * @copyright Portions Copyright 2003 osCommerce * @license <http://www.zen-cart.com/license/2_0.txt> GNU Public License V2.0 * @version $Id: tpl_modules_categories_tabs.php 3395 2006-04-08 21:13:00Z ajeh $ */ include(DIR_WS_MODULES . zen_get_module_directory(FILENAME_CATEGORIES_TABS)); ?> <?php if (CATEGORIES_TABS_STATUS == '1' && sizeof($links_list) >= 1) { ?> <div id="navCatTabsWrapper"> <div id="navCatTabs"> <ul> <?php for ($i=0, $n=sizeof($links_list); $i<$n; $i++) { ?> <li><?php echo $links_list[$i];?></li> <?php } ?> </ul> </div> </div> <?php } ?>

fantasticals:

I believe you are using the categories tab option for these links so the file controling it is / templates / tpl_modules_categories_tabs.php

15 Mar 2008, 3:43 PM
#6
fantasticals avatar

fantasticals

New Zenner

Join Date:
Mar 2007
Location:
Cheshire
Posts:
73
Plugin Contributions:
0

Re: adding buttons instead of text

I believe the links are created dynamically by this piece of code:

<li><?php echo $links_list[$i];?></li>

not sure if its the right way but to get your links as buttons i would overwrite this

with

<li><href="LINK1"><img src="YOU SPECIFY"></a><href="LINK2"><img src="YOU SPECIFY"></a></li>

etc etc

15 Mar 2008, 4:03 PM
#7
jayson avatar

jayson

New Zenner

Join Date:
Jan 2008
Posts:
11
Plugin Contributions:
0

Re: adding buttons instead of text

thanks, what is pat to that code, is it store/includes/lang/english/classic/

jayson:

what i nned to do is find the php that has this data:

<li><a class="category-top" href="http://blossomshopkinsfloral.com/store/index.php?main_page=index&cPath=14"><img src="PATH TO BUTTON" width="BUTTON HEIGHT" height="BUTTON WIDTH" alt="Wedding Decorations" title="Wedding Decorations"></a> </li>

when i do to that file all i see is:

<?php /** * Module Template - categories_tabs * * Template stub used to display categories-tabs output * * @package templateSystem * @copyright Copyright 2003-2005 Zen Cart Development Team * @copyright Portions Copyright 2003 osCommerce * @license <http://www.zen-cart.com/license/2_0.txt> GNU Public License V2.0 * @version $Id: tpl_modules_categories_tabs.php 3395 2006-04-08 21:13:00Z ajeh $ */ include(DIR_WS_MODULES . zen_get_module_directory(FILENAME_CATEGORIES_TABS)); ?> <?php if (CATEGORIES_TABS_STATUS == '1' && sizeof($links_list) >= 1) { ?> <div id="navCatTabsWrapper"> <div id="navCatTabs"> <ul> <?php for ($i=0, $n=sizeof($links_list); $i<$n; $i++) { ?> <li><?php echo $links_list[$i];?></li> <?php } ?> </ul> </div> </div> <?php } ?>