Results 1 to 6 of 6
  1. #1
    Join Date
    Jun 2011
    Posts
    6
    Plugin Contributions
    0

    Default Customize Sub categories page

    I have two categories in my cart and a few sub categories.

    When I click the sub category links come up in the main page. How do I format those links?

    http://conversationsacrossborders.or...index&cPath=11

    click "Archives" I want to format the links in the main page.

    Thanks,
    JV

  2. #2
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,024
    Plugin Contributions
    3

    Default Re: Customize Sub categories page

    You could add something like this to your stylesheet:

    .categoryListBoxContents a {font-size: 1.6em; color: #0000FF;}


    For future reference, install the Firefox browser and the Web Developer plugin for Firefox. You can use those to see where in the stylesheet you change the styling of the various page elements.

    Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section in the box at the top. The statements in the stylesheet that begin with # are id's and the ones that begin with dots are classes.

    Ctrl-Shift-E will open the CSS editor and allow you to edit the stylesheet and see the changes in real time without changing anything permanently. An essential tool.

    Some prefer Firebug, which does much the same thing.

    (If you're using Firefox 4-10, you'll need to remap the editor shortcut, since Firefox has appropriated Ctrl-Shift-E for an internal function - I use Ctrl-Shift-Q.)

  3. #3
    Join Date
    Dec 2008
    Location
    Utah, USA
    Posts
    182
    Plugin Contributions
    10

    Default Re: Customize Sub categories page

    You can change what appears before the sub category in

    Admin > Configuration > Layout Settings > Admin > Configuration > Layout Settings >

    for what is coming after the main category you can edit that
    Admin > Configuration > Layout Settings > Categories Separator between the Category Name and Count

    To edit the color, font and other things you would want to look in your stylesheet.css

    includes > templates > YOUR_TEMPLATE > css > stylesheet.css

    look for something like
    Code:
    /* categories box parent and child categories */
    A.category-top, A.category-top:visited {
    	color: #31adc5;
    	text-decoration: none;
            font-size: 13px;
    	}
    A.category-links, A.category-links:visited {
    	color: #31adc5;
    	text-decoration: none;
    	}
    A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited {
    	color: #000;
    	text-decoration: none;
    Zen Cart Help and Design

    If you don’t build your dream, someone else will hire you to help them build theirs.

  4. #4
    Join Date
    Dec 2008
    Location
    Utah, USA
    Posts
    182
    Plugin Contributions
    10

    Default Re: Customize Sub categories page

    OPPS, just noticed I read that wrong! :)

    The links on the main page are formatted using the a:visited on the stylesheet.

    Changing those will change more than just the links on that main page.

    To make it so you only edit the links on that page follow stevesh :-)
    Zen Cart Help and Design

    If you don’t build your dream, someone else will hire you to help them build theirs.

  5. #5
    Join Date
    Jun 2011
    Posts
    6
    Plugin Contributions
    0

    Default Re: Customize Sub categories page

    Quote Originally Posted by stevesh View Post
    You could add something like this to your stylesheet:

    .categoryListBoxContents a {font-size: 1.6em; color: #0000FF;}


    For future reference, install the Firefox browser and the Web Developer plugin for Firefox. You can use those to see where in the stylesheet you change the styling of the various page elements.

    Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section in the box at the top. The statements in the stylesheet that begin with # are id's and the ones that begin with dots are classes.

    Ctrl-Shift-E will open the CSS editor and allow you to edit the stylesheet and see the changes in real time without changing anything permanently. An essential tool.

    Some prefer Firebug, which does much the same thing.

    (If you're using Firefox 4-10, you'll need to remap the editor shortcut, since Firefox has appropriated Ctrl-Shift-E for an internal function - I use Ctrl-Shift-Q.)
    Thanks for the Firefox tip. I'll use that.

    Also, I was able to manipulate the font and size with the .categoryListBoxContents in the stylesheet, but what I would really like to do is reduce the space between them and get them all up on one line, or put them in a vertical list....Can that be done with the stylesheet?

  6. #6
    Join Date
    Jun 2011
    Posts
    6
    Plugin Contributions
    0

    Default Re: Customize Sub categories page

    Think I figured it out. Thanks for the help.

 

 

Similar Threads

  1. show all categories and sub categories on each page
    By szarin in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 14 Jun 2011, 05:56 PM
  2. Replies: 1
    Last Post: 12 Mar 2011, 07:18 AM
  3. Customize Sub Categories layout
    By Speedyparts Direct in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 13 Oct 2010, 01:13 PM
  4. Show sub-sub categories underneath sub-categories on the category page?
    By tomrice in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 18 Jun 2009, 03:05 AM
  5. Skip Page showing sub categories, go straight to first sub category
    By HelenSama in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 8 May 2009, 05:16 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