Results 1 to 10 of 10

Hybrid View

  1. #1
    Join Date
    Dec 2011
    Posts
    92
    Plugin Contributions
    0

    Default Changing the layout of my product information page

    Hi,

    I wonder if anyone can help me? I am trying to redesign my product information page but am having trouble getting various items to display how I would like them to.

    Firstly, I have a div setup that holds my product description, however for some reason this wraps around the product image. I have added a background colour to this div to show this more clearly. How can I set this up so that the div does not wrap around the product image?

    Secondly I have moved my additional product images so that they sit just underneath the main product image. However the white space between the images is much too big and I would also like to remove the dotted vertical lines but cannot seem to find a way of doing this.

    Thirdly, ideally I would like the add to cart button and quantity box to sit neatly beneath the price and above the description. At the moment it is at the side and squashes all the description text up.

    Finally, for some reason, my search box displays nicely in the main navigation bar in Chrome and Firefox. In ie however it displays lower and hangs off the bottom of the navigation bar. Does anyone have an idea of how I might rectify this.

    The link to my product page is:

    http://w w w.our little cottage shop.co.uk/owls/vintage-floral-owl-cushion

    I would appreciate any help anyone may be able to give.

    Thank you in advance,

    Lee

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

    Default Re: Changing the layout of my product information page

    Looks like you got this fixed ?

  3. #3
    Join Date
    Dec 2011
    Posts
    92
    Plugin Contributions
    0

    Default Re: Changing the layout of my product information page

    Hi Stevesh,

    No it's not fixed I'm afraid. All of the above are still issues...

    Lee

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

    Default Re: Changing the layout of my product information page

    Here's what the page you referenced looks like here in IE8 and FF12: http://stevesh.org/test/example.jpg

    What exactly did you want to be different ?

  5. #5
    Join Date
    Dec 2011
    Posts
    92
    Plugin Contributions
    0

    Default Re: Changing the layout of my product information page

    Quote Originally Posted by stevesh View Post
    Here's what the page you referenced looks like here in IE8 and FF12: http://stevesh.org/test/example.jpg

    What exactly did you want to be different ?
    Hi,

    Thanks for coming back to me again.

    Firstly the spacing between the two additional images is too wide and I'd also like to remove the vertical dotted line between them.
    Secondly, my add to cart button and quantity box I would ideally like positioned to the left, beneath the product price but above the product description.
    Thirdly I have set a pale blue background. At present this is wrapping round the main product images and appearing behind one of the additional images. I do not want it to do this. Ideally the left side should continue in a straight line and not wrap behind the additional image.

    Hopefully this makes sense.

    Lee

  6. #6
    Join Date
    Jan 2006
    Posts
    1,542
    Plugin Contributions
    0

    Default Re: Changing the layout of my product information page

    1. The additional Photos dotline seem to be in all of Picaflor's templates, probably best to ask her. I don't recall the exact mod the template uses right now.

    2. You can move blocks of code around in tpl product info display to move the add to cart. But I'm not sure how you got it to the right. In any event, it looks like you've been in there so are familiar with it.

    3. Blue background, not sure how to do with css (I'm just studying online) but probably wouldn't wrap if set up in a table as I stated above. Just that table cell would have color. In fact, I've done this color background before.
    Steve
    prommart.com

  7. #7
    Join Date
    Jan 2006
    Posts
    1,542
    Plugin Contributions
    0

    Default Re: Changing the layout of my product information page

    Templates and the product layout in particular are what have been on my mind for some time. I have no real issue with zencart and its functionality otherwise.

    I've long used a table in the tpl product info display to help arrange things. Often photos in left cell (might put additional pics below main pic); price, attributes and add to cart in right cell, and rest below table. As it turns out, some free templates also use a table, like the free Abagon Red currently on my prommart site.

    I think that the free Rubik Modern Zen has about the most modern product layout, and I have it on a demo here:

    http://www.prom-mart.com/demo-2/a-bu...tion-p-34.html

    Maybe additional photos could be moved up under main photo. I really should dig in to this template to see how he did it.*

    Now, this morning and on this forum I just discovered these demos:

    http://mystorepal.com/demo/

    Either of the two demos here have what I consider the ultimate product layout. I am very impressed with these demos overall.


    =============
    *Rubik and BlueCart also have nice displays for "All Products", etc, showing the descriptions where ever they appear. Just make the sites look bigger, IMO. Wish: combine Rubik and BlueCart and maybe can approach the nice demos at mystorepal. How come I don't see any zencarts looking like mystorepal? Not even TM look as good overall.

    EDIT: Yes, your current layout looks okay in my IE9, agree with stevesh
    Last edited by SPH; 28 Jun 2012 at 06:56 PM.
    Steve
    prommart.com

 

 

Similar Threads

  1. Layout of Product Information Page
    By CandyCherub in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 20 Nov 2007, 03:42 PM
  2. Help editing the product listing information layout..
    By thomasharding in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 29 Sep 2007, 07:02 PM
  3. Changing the page 2 hypertext in More Information Box
    By BlushFashions in forum General Questions
    Replies: 3
    Last Post: 26 Mar 2007, 04:20 PM
  4. Changing Layout of Product Page
    By cvkweb in forum Templates, Stylesheets, Page Layout
    Replies: 21
    Last Post: 24 Dec 2006, 05:06 PM
  5. Changing the More Information Page 2,3,4??
    By bloukline in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 19 Nov 2006, 07:03 PM

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