Results 1 to 6 of 6
  1. #1
    Join Date
    Jan 2013
    Posts
    3
    Plugin Contributions
    0

    help question List category heading information in two columns

    Name:  columns.jpg
Views: 90
Size:  52.2 KB

    Hi,

    Whilst creating sub categories with a description (as attached) I'm finding that on some pages where the description is too long, it's impossible to see the items in that category.

    Can I define that the description be in two or three columns, and if so, how?

    example:

    http://www.refillsupermarket.co.uk/b...0_387_392.html

    Many thanks
    Simon

  2. #2
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: List category heading information in two columns

    You can add wrapper divs around groups of Brother FAX-8000P items, then float the wrapper divs so the groups line up horizontally.

    HTML Code:
    <h4>TN 200</h4>
    <div class="catDescCol">Brother FAX-8000P<br />Brother FAX-8050P<br />Brother FAX-8060P<br />Brother FAX-8200P</div>
    <div class="catDescCol">Brother FAX-8250P<br />Brother FAX-8650P<br />Brother HL-700<br />Brother HL-720</div>
    <div class="catDescCol">Brother HL-730<br />Brother HL-730 PLUS<br />...</div>
    CSS:
    Code:
    #indexProductListCatDescription h4 {what: ever;}
    .catDescCol {float: left; width: 32%;}

  3. #3
    Join Date
    Jan 2013
    Posts
    3
    Plugin Contributions
    0

    Default Re: List category heading information in two columns

    Hi,

    That's great, but does this mean I need to do this for every ocurrence, IE for every heading - as you can see there are many
    !

  4. #4
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: List category heading information in two columns

    Yes, it would. You wrote the multiple <div> code for each category to begin with; you will have to go back and revise them. It would take some tricky PHP processing added to the index categories file to dynamically retrofit the gang of divs to groups, and that might catch descriptions where you don't want that done.

  5. #5
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: List category heading information in two columns

    I would make a framework for the divs, paste that into each description, copy the items into it, and delete the original set of items.
    Code:
    <h4></h4>
    <div class="catDescCol"><br /><br /><br /><br /><br /><br /></div>
    <div class="catDescCol"><br /><br /><br /><br /><br /><br /></div>
    <div class="catDescCol"><br /><br /><br /><br /><br /><br /></div>
    I might save and view each completed new set before deleting the original, to make sure I didn't skip or duplicate one.
    Delete unneeded <br /> or div groups for smaller lists.

  6. #6
    Join Date
    Jan 2013
    Posts
    3
    Plugin Contributions
    0

    Default Re: List category heading information in two columns

    OK thanks, I'll try that.

 

 

Similar Threads

  1. Delete Product List/Category Heading
    By Berserker in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 15 Aug 2010, 09:15 AM
  2. How to add two category list in sidebox
    By wdh in forum Customization from the Admin
    Replies: 1
    Last Post: 2 Nov 2007, 06:11 AM
  3. Two Category columns listing down not accross
    By Surfin_UK in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 14 Jun 2007, 12:23 PM
  4. Categories sidebox heading shows on both columns.
    By bigjoed in forum General Questions
    Replies: 2
    Last Post: 27 Apr 2007, 08:25 AM
  5. Change the color of table heading of category list
    By eaglewu in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 30 Jan 2007, 02:53 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