Results 1 to 9 of 9
  1. #1
    Join Date
    Nov 2009
    Location
    North Bendigo, VIC, Australia
    Posts
    158
    Plugin Contributions
    0

    Default Column Product Layout

    I have got my products in Gallery View after using the Column Layout Grid Module.

    I was wondering where exactly i need to edit in the stylesheet to place borders/frames/padding around the products to give a bit more space please?

    If you look here you will see they are very close together.

    Kind Regards

  2. #2
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: Column Product Layout

    Find or add to your stylesheet.css fil and style to suit
    Code:
    .centerBoxContentsProducts {
            border: 1px solid #FFFFFF;
            margin: 2em 0em 2em 0em;
            }
    Take care as this is divided into 33% wide blocks and if you add too much to the outside it will break to the next line
    Zen-Venom Get Bitten

  3. #3
    Join Date
    Nov 2009
    Location
    North Bendigo, VIC, Australia
    Posts
    158
    Plugin Contributions
    0

    Default Re: Column Product Layout

    Thanks for telling me what I need to add to the stylesheet.
    I added the code because I couldn't find it anywhere.

    However now I can not seem to make them fit to 3 to a row like they were before, even after removing the right sideboxes and the right column.

    Any suggestions would be greatly appreciated please.

    Kind Regards

  4. #4
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: Column Product Layout

    See this thread and it deals with other displays but the idea is the same - without searching my self I am not sure of the file name you need but you can use the dev tool kit and search for floor

    http://www.zen-cart.com/forum/showthread.php?t=100171

    https://www.zen-cart.com/tutorials/index.php?article=38
    https://www.zen-cart.com/tutorials/index.php?article=39
    Zen-Venom Get Bitten

  5. #5
    Join Date
    Nov 2009
    Location
    North Bendigo, VIC, Australia
    Posts
    158
    Plugin Contributions
    0

    Default Re: Column Product Layout

    Thanks for the links.
    I done a search with the Developer Tool Kit and have got the following:

    includes/modules/custom/product_listing.php

    Line #102 : $col_width = floor(100/$num_products_count) - 0.5;

    Line #104 : $col_width = floor(100/PRODUCT_LISTING_COLUMNS_PER_ROW) - 0.5;

    Line #117 : if ((($rows-$extra_row)/2) == floor(($rows-$extra_row)/2)) {

    includes/modules/product_listing.php

    Line #79 : if ((($rows-$extra_row)/2) == floor(($rows-$extra_row)/2)) {

    I am at a loss.....

  6. #6
    Join Date
    Nov 2009
    Location
    North Bendigo, VIC, Australia
    Posts
    158
    Plugin Contributions
    0

    Default Re: Column Product Layout

    Thank-you heaps for your help. It is very much appreciated.
    I have finally got it the way I want it to be.

    Kind Regards

  7. #7
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: Column Product Layout

    Code:
    Line #102 : $col_width = floor(100/$num_products_count) - 0.5;
    
    Line #104 : $col_width = floor(100/PRODUCT_LISTING_COLUMNS_PER_ROW) - 0.5;
    Adjust these as outlined in the link - just do not get too crazy
    Zen-Venom Get Bitten

  8. #8
    Join Date
    Nov 2009
    Location
    North Bendigo, VIC, Australia
    Posts
    158
    Plugin Contributions
    0

    Default Re: Column Product Layout

    One other thing, how do I change the amount of products to show per page?
    Currently it is only showing up to 9 at a time.

    Also can this set up be used for the categories and main page?
    If so... how is it done please?

    Kind Regards

  9. #9
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: Column Product Layout

    admin> config > maximum values
    Zen-Venom Get Bitten

 

 

Similar Threads

  1. adjust spacing on Column Layout Grid between product name and product price
    By cpoet in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 18 Jul 2010, 07:03 AM
  2. Column layout grid for product listing - one column only
    By london mummy in forum Templates, Stylesheets, Page Layout
    Replies: 15
    Last Post: 26 Oct 2009, 10:06 AM
  3. Column Grid Product Layout
    By charmedbytina2 in forum All Other Contributions/Addons
    Replies: 3
    Last Post: 2 May 2008, 03:59 PM
  4. Column Grid Layout - trouble with product listing/layout
    By mellonade in forum All Other Contributions/Addons
    Replies: 1
    Last Post: 4 May 2007, 11:18 AM

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