Thread: prod info

Results 1 to 10 of 18

Hybrid View

  1. #1
    Join Date
    Feb 2007
    Posts
    176
    Plugin Contributions
    0

    Default prod info

    Hi

    How do you add css to the product info page?
    What about javascript can that be added ( I forgot I reason why you would )?
    The add to cart button how do you move that?

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

    Default Re: prod info

    You don't exactly add CSS to the product info page. You find tags (IDs, classes, img or a links...) in the code for the page, and change or add declarations in your stylesheet.css to affect them. It is possible to add new tags to the code if there is none available to work on.
    Javascript can be added. Look at some of the existing examples to guide you.

    Admin > Catalog > Product Types > Product-General > edit layout and most elements can be moved. It is also possible to move many elements using CSS.

  3. #3
    Join Date
    Feb 2007
    Posts
    176
    Plugin Contributions
    0

    Default Re: prod info

    For example how do i get the tags for combo boxes or the cart buttons in the prod info page. From there I can change in a style sheet?

  4. #4
    Join Date
    Feb 2007
    Posts
    176
    Plugin Contributions
    0

    Default Re: prod info

    Ok If i set a background color to a prod info page, I set a <div> at top and bottom on information in product information page. I set the color easy enough but it ony appears in the description and not the whole prod content page.
    I am still lokking butI want the whole prod info page to look as a 1 block of background color.

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

    Default Re: prod info

    Try a view source on your page. You will see
    <div class="centerColumn" id="productGeneral">
    above the product info section. That class or ID would be a place to hang styling in your stylesheet.

    I suggest you get the Firefox browser and its Web Developer extension. That will allow you to see and manipulate many aspects of your site. Try the Outline > Outline current element button, or Information > Display element information. CSS > Edit CSS will allow you to see effects of stylesheet edits instantly.

  6. #6
    Join Date
    Feb 2007
    Posts
    176
    Plugin Contributions
    0

    Default Re: prod info

    I thought you just edit the stylesheet.css in your customs folder?

    I know what you are saying as I am setting the style for every prod info page, as I modify that page with the id under where the page starts.

    That file when I page source isn't a single file is it , as it is pulled from a collection of files.

 

 

Similar Threads

  1. EDIT product loses all prev. prod. info...
    By Boddi in forum Setting Up Categories, Products, Attributes
    Replies: 11
    Last Post: 14 Mar 2011, 09:47 PM
  2. Different Images for Cart vs. Prod Info
    By realeyz in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 2 Nov 2009, 09:19 PM
  3. prod info pg: 2 description fields? (general, details)
    By dyno in forum Setting Up Categories, Products, Attributes
    Replies: 5
    Last Post: 10 Oct 2007, 03:47 AM
  4. Alter location of prod info page
    By spottedhaggis in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 5 Sep 2006, 02:55 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