Results 1 to 4 of 4
  1. #1

    Default Highlight shopping cart link

    Does anyone know what to modify or add to the stylesheet in order to make the shopping cart link have a yellow background in the navigation bar/menu

    For example:

    Home | Login | Shopping Cart | Checkout |

    I want to make the background color behind the words "Shopping Cart" yellow.

    I've been searching the forum and cannot find the answer.

    Any help is greatly appreciated!
    At Laser Cartridge Plus you will find great savings on Toner Cartridge and Ink Cartridge supplies! Excellent savings on HP Toner Cartridges too!

  2. #2
    Join Date
    Nov 2005
    Location
    Colorado Springs, CO USA
    Posts
    7,033
    Plugin Contributions
    31

    Default Re: Highlight shopping cart link

    Quote Originally Posted by Scorpiowoman View Post
    Does anyone know what to modify or add to the stylesheet in order to make the shopping cart link have a yellow background in the navigation bar/menu

    For example:

    Home | Login | Shopping Cart | Checkout |

    I want to make the background color behind the words "Shopping Cart" yellow.

    I've been searching the forum and cannot find the answer.

    Any help is greatly appreciated!
    This is a two step process:

    1st: open you includes/templates/YOUR_TEMPLATE/css/stylesheet.css

    add the following declaration: (adjust the padding to fit your layout)

    #navMain ul li.cart a {
    margin:0;
    padding: 0 5px 0 4px;
    background: yellow;
    color:#000;
    text-decoration:none;
    }

    2nd: open includes/templates/YOUR_TEMPLATE/common/tpl_header.php

    find the following line of code: (add the highlighted portion)

    <li class="cart"><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo '<span>' . HEADER_TITLE_CART_CONTENTS . '</span>'; ?></a></li>


    save both files and upload them to your server.

  3. #3

    Default Re: Highlight shopping cart link

    This is a two step process:
    1st: open you includes/templates/YOUR_TEMPLATE/css/stylesheet.css

    add the following declaration: (adjust the padding to fit your layout)

    #navMain ul li.cart a {
    margin:0;
    padding: 0 5px 0 4px;
    background: yellow;
    color:#000;
    text-decoration:none;
    }

    2nd: open includes/templates/YOUR_TEMPLATE/common/tpl_header.php

    find the following line of code: (add the highlighted portion)

    <li class="cart"><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo '<span>' . HEADER_TITLE_CART_CONTENTS . '</span>'; ?></a></li>


    save both files and upload them to your server.
    Thanks for the tips...I tried this several times, but this is what I end up with:

    Home | Login |
    * Shopping Cart | Checkout |

    (the star represents a bullet) and nothing was highlighted

    It's like it is recognizing the command of li as a bulleted list instead...all of the highlighted parts below were not in my script when I started:

    <li class="cart"><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo '<span>' . HEADER_TITLE_CART_CONTENTS . '</span>'; ?></a></li>

    I tried adding just the highlighted part you said, and then I tried it by adding all the elements I highlighted that didn't exist...neither one worked for me...

    Also, this is what I ended up with in my stylesheet:

    #navMain ul.cart a {
    margin:0;
    padding: 0.5em 0em;
    background: yellow;
    color:#000;
    text-decoration:none;
    }

    Any help or ideas are still greatly appreciated!
    At Laser Cartridge Plus you will find great savings on Toner Cartridge and Ink Cartridge supplies! Excellent savings on HP Toner Cartridges too!

  4. #4
    Join Date
    Nov 2005
    Location
    Colorado Springs, CO USA
    Posts
    7,033
    Plugin Contributions
    31

    Default Re: Highlight shopping cart link

    Quote Originally Posted by Scorpiowoman View Post
    Thanks for the tips...I tried this several times, but this is what I end up with:

    Home | Login |
    * Shopping Cart | Checkout |

    (the star represents a bullet) and nothing was highlighted

    It's like it is recognizing the command of li as a bulleted list instead...all of the highlighted parts below were not in my script when I started:

    <li class="cart"><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo '<span>' . HEADER_TITLE_CART_CONTENTS . '</span>'; ?></a></li>

    I tried adding just the highlighted part you said, and then I tried it by adding all the elements I highlighted that didn't exist...neither one worked for me...

    Also, this is what I ended up with in my stylesheet:

    #navMain ul.cart a {
    margin:0;
    padding: 0.5em 0em;
    background: yellow;
    color:#000;
    text-decoration:none;
    }

    Any help or ideas are still greatly appreciated!
    You forgot the highlighted portion in the declaration for the stylesheet.css

    #navMain ul li.cart a {
    margin:0;
    padding: 0.5em 0em;
    background: yellow;
    color:#000;
    text-decoration:none;
    }

    make that correction and see what the result is.

 

 

Similar Threads

  1. 'Continue shopping' link in shopping cart
    By ed89 in forum Templates, Stylesheets, Page Layout
    Replies: 19
    Last Post: 19 Jul 2017, 05:18 AM
  2. v151 Visually Highlight/Flag "Always Free Shipping" products in the shopping cart
    By DivaVocals in forum Templates, Stylesheets, Page Layout
    Replies: 13
    Last Post: 18 Jun 2014, 08:22 AM
  3. How do I Highlight an Imporant Link?
    By bparker in forum General Questions
    Replies: 7
    Last Post: 5 May 2012, 03:51 AM
  4. Highlight Current Link
    By uncharted in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 22 Jan 2012, 04:05 AM
  5. highlight current link
    By rob222 in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 14 Mar 2008, 03:24 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR