Results 1 to 6 of 6
  1. #1
    Join Date
    Jul 2008
    Posts
    116
    Plugin Contributions
    0

    Default Product description layout

    At the suggestion of some forum members I have increased the size of my product image. However, the product title and description now looks terrible. Part of it is on the right hand side of the image and the rest is below.

    http://www.syzygypens.com/fountain-p...-pandora-p-232

    I think I have two options and would like some advice on how best to achieve each of them.

    Option 1. Center the product image within the center column and place the product title and description below the image.

    Option 2. Move the side boxes in the right hand column to the left hand column and then eliminate the right hand column totally.

    Any advice as to how to achieve these options or other suggestions would be greatly appreciated.

    Thank you.
    Last edited by VisExp; 7 Feb 2009 at 04:03 PM. Reason: added link to product page on the site

  2. #2
    Join Date
    Jul 2006
    Location
    Montreal, Canada
    Posts
    2,279
    Plugin Contributions
    0

    Default Re: Product description layout

    maybe the other option would be to increase the width of your site from 750 px to lets say 900px ? current width of your page is small for all the content.

    you can also modify tpl_product_info_display.php and arrange the code blocks that handle the display of product info , product name ,etc if you want to stay in 750 px size ..

  3. #3
    Join Date
    Feb 2008
    Posts
    1,336
    Plugin Contributions
    1

    Default Re: Product description layout

    you can disable the right column. for the whole site or per page in the templates/your-template/common/tpl_main_page.php
    you can use the admin to switch the right boxes to the left column.

    You can change the layout of your product page using CSS and template/your-template/templates/tpl_product_info_display.php
    You can also look into the free download section their are different add ons for different layouts you might find something you like

  4. #4
    Join Date
    Aug 2008
    Posts
    244
    Plugin Contributions
    0

    Default Re: Product description layout

    Looks ok with maybe one or two tweaks.

    Personally i'd do one of two things, reduce the size of your image slightly (not much) or simply widen the page.

    It looks like you have standard width which i think is 700 px wide, i always prefer about 950 wide, this will widen your center column.

    Remeber you can have the product image as big as you like with the 'click for larger image'.

    Looking good so far nice and clean.........................

  5. #5
    Join Date
    Jan 2009
    Location
    Vegas Baby!
    Posts
    332
    Plugin Contributions
    0

    Default Re: Product description layout

    If that's all your going to have in the right column, I would just get rid of it and put those boxes in the left. But, I would also widen it, the layout is very skinny. If you widen it and get rid of the right column, the product listing page will be shorter which means more product info is seen right away, without having to scroll down the page. You could make the product image in the listing a tad bit smaller.

    You might want to take a look at this mod, it places your additional images under the main image with your product description, etc. to the right. I think this would work for you.

    Cool pens :)

  6. #6
    Join Date
    Jul 2008
    Posts
    116
    Plugin Contributions
    0

    Default Re: Product description layout

    Thanks very much for the advice. For starters I think I will increase the width to 950px. I checked in Analytics and the percentage of users with screen resolutions less than 950px is only about 3%.

    I'll look into the mod recommended. It sounds good. Between that and the possibility of eliminating the right hand column, I think I will improve the look and feel of the site.

    Thanks again, I'll keep you posted when I get it done

 

 

Similar Threads

  1. product description layout
    By slater555 in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 18 Feb 2011, 05:57 AM
  2. Product description layout
    By hamid84 in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 18 Mar 2010, 01:15 AM
  3. Product Description layout
    By chris32882 in forum General Questions
    Replies: 3
    Last Post: 9 Nov 2008, 05:16 AM
  4. Product Description Layout
    By giftsbyevy in forum General Questions
    Replies: 1
    Last Post: 3 Jun 2008, 11:00 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