Page 3 of 4 FirstFirst 1234 LastLast
Results 21 to 30 of 37
  1. #21
    Join Date
    Jul 2008
    Posts
    362
    Plugin Contributions
    0

    Default Re: Product Position - grid layout

    Quote Originally Posted by gjh42 View Post
    If you want to give the name a defined height to keep the price in the same place, add a class to the <a here:
    PHP Code:
    IMAGE_PRODUCT_NEW_HEIGHT) . '</a><br />') . '<a href="' zen_href_link(zen_get_info_page($new_products->fields['products_id']), 'cPath=' $productsInCategory[$new_products->fields['products_id']] . '&products_id=' $new_products->fields['products_id']) . '">' $new_products->fields['products_name'] . '</a><br /><span class="centerBoxPrice">' $products_price '</span>'); 
    PHP Code:
     '<a class="centerBoxName" href="' 
    PHP Code:
     '<a class="centerBoxName" href="' 
    Ok i figured out where to put the code and added this to the stylesheet:

    .centerBoxName {
    display:block;
    height:50px;
    }

    Nothing happened?
    Last edited by gee38l; 23 Jan 2009 at 06:06 AM. Reason: edit

  2. #22
    Join Date
    Jul 2008
    Posts
    362
    Plugin Contributions
    0

    Default Re: Product Position - grid layout

    Glenn, thanks so much for taking the time to assist me with my problem, i seem to have got it the way i want.

    Greatly appreciated!

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

    Default Re: Product Position - grid layout

    If you want to make the product name take up the same space always, you need to give it a height that will fit the longest name you have. You used 30px which is not enough - try 45 or 50px.

    You will also need to give a class tag to the first link with the image, so it can take a uniform height without distorting the image.
    PHP Code:
    'text' => (($new_products->fields['products_image'] == '' and PRODUCTS_IMAGE_NO_IMAGE_STATUS == 0) ? '' '<a href="' zen_href_link(zen_get_info_page($new_products->fields['products_id']), 
    PHP Code:
    _STATUS == 0) ? '' '<a href="' 
    PHP Code:
    _STATUS == 0) ? '' '<a class="centerBoxImage" href="' 

  4. #24
    Join Date
    Jul 2008
    Posts
    362
    Plugin Contributions
    0

    Default Re: Product Position - grid layout

    Quote Originally Posted by gjh42 View Post
    If you want to make the product name take up the same space always, you need to give it a height that will fit the longest name you have. You used 30px which is not enough - try 45 or 50px.

    You will also need to give a class tag to the first link with the image, so it can take a uniform height without distorting the image.
    PHP Code:
    'text' => (($new_products->fields['products_image'] == '' and PRODUCTS_IMAGE_NO_IMAGE_STATUS == 0) ? '' '<a href="' zen_href_link(zen_get_info_page($new_products->fields['products_id']), 
    PHP Code:
    _STATUS == 0) ? '' '<a href="' 
    PHP Code:
    _STATUS == 0) ? '' '<a class="centerBoxImage" href="' 
    Perfect glenn! you mention above to increase it from 30px to 45px or 50px bit if i do that it pushes it down to far and goes outside the box which mean s i would need to increase the length of the grid.... How can i do the image height with the products in the category listing?

  5. #25
    Join Date
    Jul 2008
    Posts
    362
    Plugin Contributions
    0

    Default Re: Product Position - grid layout

    I figured out how to change the height of the images for category product listing.... I still dont know why i need to change the new products height from 30px to 45px/50px?

  6. #26
    Join Date
    Jul 2008
    Posts
    362
    Plugin Contributions
    0

    Default Re: Product Position - grid layout

    Hey Glenn, I have another question for you i know your probably very busy... I have maneged to add both a buy now and details button simultaneously on my product category listings when something doesnt have attributes (thanks to the help of ajeh)... The thing is the details button goes way off the grid and i cant seem to figure out how to style it. I would like them to be next to each other and centered so that if there is only one button its stays centered. I have attached a pic of that happens when both buttons are showing..

    Thanks in advance.
    Attached Images Attached Images  

  7. #27
    Join Date
    Oct 2006
    Location
    At Home
    Posts
    370
    Plugin Contributions
    0

    Default Re: Product Position - grid layout

    I just install the Column Layout Grid mod and read all the previous post but I'm still lost on getting the title, price, ..more info& image on the same line.

    I have a product title which is longer than the other, and so it is lower position because of that. I want to edit the css to make them align just the same but could not figure out. I want it to look something like this site here. But on the category and not on the new product page.

    Can someone help me how to do this?

  8. #28
    Join Date
    Mar 2007
    Location
    Serbia, Niš
    Posts
    79
    Plugin Contributions
    1

    Default Re: Product Position - grid layout

    Hello,
    I'd like to put a nice border around product listing display.
    But all what I got till now is just a border around product image.
    You can see it on my attachment. ( this is only a local working site for exprerimental use )

    Well, how can I put all product elements inside the border ?

    ( I have used your tips from this thread ).
    Attached Images Attached Images  

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

    Default Re: Product Position - grid layout

    .centerBoxContentsProducts is the class for the product listing item boxes.

  10. #30
    Join Date
    Mar 2007
    Location
    Serbia, Niš
    Posts
    79
    Plugin Contributions
    1

    Default Re: Product Position - grid layout

    I got it Glenn, thank you !

 

 
Page 3 of 4 FirstFirst 1234 LastLast

Similar Threads

  1. Change Position Of Product Name With Grid View
    By hcd888 in forum Addon Templates
    Replies: 6
    Last Post: 16 Feb 2012, 04:13 PM
  2. Grid layout to product listing
    By successfi in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 15 Jan 2012, 03:50 PM
  3. Grid Product Layout borders
    By adnimas5 in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 13 Nov 2008, 07:57 PM
  4. Column Grid Product Layout
    By charmedbytina2 in forum All Other Contributions/Addons
    Replies: 3
    Last Post: 2 May 2008, 03:59 PM
  5. 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