Results 1 to 5 of 5
  1. #1
    Join Date
    Aug 2006
    Location
    portlandish, oregon
    Posts
    799
    Plugin Contributions
    0

    Default Product Info Page: Moving Product Name Up On Product Info Page

    This is a really stupid question, but I can't for the life of me get it to work.

    After I disable the Next/Prev navigation from displaying on the Prouduct Info page, the main image moves up, but the Product Name does not. I need them to be aligned.

    dev site: HERE

  2. #2
    Join Date
    Dec 2006
    Location
    Seligman, MO U.S.A.
    Posts
    2,101
    Plugin Contributions
    5

    Default Re: Product Info Page: Moving Product Name Up On Product Info Page

    In your stylesheet, add:

    Code:
    #productDescriptionWrapper {
        margin-top: -14px;
    }
    Hope this helps.
    Teach them to shop and they will shop today;
    Teach them to Zen and they will OWN a shop tomorrow!

  3. #3
    Join Date
    Aug 2006
    Location
    portlandish, oregon
    Posts
    799
    Plugin Contributions
    0

    Default Re: Product Info Page: Moving Product Name Up On Product Info Page

    Dangit! I was trying to fix it without negative margins. It's very odd because the mainImageWrapper is exactly where it should be, while the productDescriptionWrapper is lower..but there is nothing above it other then the zen form...

    Thanks I will try this though!

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

    Default Re: Product Info Page: Moving Product Name Up On Product Info Page

    This question helped me solve a little quirk I have noticed forever, all over Zen Cart. It is generally irrelevant, but when checking elements in Firefox Web Developer, you will occasionally notice a red dot just above an element's outline (usually a link). This is the case on your page, and the dot belongs to the <form> element. The stylesheet shows that to be generically inline; changing the specific form to block moves it up to match the image.
    Code:
    FORM,SELECT,INPUT{display:inline;font-size:1em;margin:0.1em}
    
    #productGeneral>FORM{display:block;}

  5. #5
    Join Date
    Aug 2006
    Location
    portlandish, oregon
    Posts
    799
    Plugin Contributions
    0

    Default Re: Product Info Page: Moving Product Name Up On Product Info Page

    Oh my gosh! I DID notice that dot and I DID see through Firefbug and the tpl_product_info.php page that the only thing above was the form. I had nooo idea how to fix it though, however just adding

    #productGeneral>FORM{display:block;}

    as you suggest fixed it for me.

    Thank you so much!

 

 

Similar Threads

  1. Issues with Product info page: my product image is overlapping the product name, etc
    By wmorris in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 4 May 2011, 06:30 PM
  2. Missing product name & product price from Product Info Page
    By kpatterson in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 16 Feb 2011, 03:11 AM
  3. How would I change Product URL in Product Type Info Page to a different name
    By wtashby in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 21 Nov 2008, 11:11 PM
  4. Product Info Page: Product Name Field
    By lisleuse in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 9 Apr 2008, 09:02 PM
  5. Product Info Page...goes wacky when moving product details
    By audradh in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 24 Feb 2008, 09: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