Results 1 to 7 of 7

Hybrid View

  1. #1
    Join Date
    Jul 2007
    Posts
    6
    Plugin Contributions
    0

    Default How to modify the product info page?

    Hi, I would like to know how to modify the product info for my listing.

    Here is one of my original listing:
    http://www.misticheaven.com/index.ph...roducts_id=211

    I would like to change the product info to the middle in this format:

    Title
    Picture
    Price
    Description

    Can I know where do I modify this file?

    Thank You in advance for your help.

  2. #2
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: How to modify the product info page?

    make a copy of the tpl_product_info_display.php file if there is not already one in your includes/templates/sophyblue/templates folder.

    Open in a plain text editor and you will see BOF and EOF surrounding the elements.

    You will also see <br class="clearBoth" /> after some elements and for what you want you need to add one of these in this location to force a new line for the description: This will leave a good amount of white space to the right of the picture
    Code:
    <!--eof free ship icon  -->
    
    <br class="clearBoth" />
    
     <!--bof Product description -->
    Zen-Venom Get Bitten

  3. #3
    Join Date
    Jul 2007
    Posts
    6
    Plugin Contributions
    0

    Default Re: How to modify the product info page?

    Kobra.... Thanks...I got it now.....

    Now how do I make the Image, Title and Price align center??

    Thanks

  4. #4
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: How to modify the product info page?

    For others that might find this thread the following is not recommended unless you have a layout that is the same as this Poster and could cause havock if you do not.

    This will work for what you have changed and as always search for these first and if not found then add them
    Code:
    #productMainImage {
            width: 100&#37;;
            text-align: center;
            }
    
    #productName {
            text-align: center;
            }
    
    #productPrices {
            text-align: center;
            }
    Zen-Venom Get Bitten

  5. #5
    Join Date
    Jul 2007
    Posts
    6
    Plugin Contributions
    0

    Default Re: How to modify the product info page?

    Hi Kobra,

    Sorry but where do I put these info? I mean in which file?

    If you mean the css file, I have tried but without any success.

    Thank You.

  6. #6
    Join Date
    Nov 2005
    Location
    Colorado Springs, CO USA
    Posts
    7,033
    Plugin Contributions
    31

    Default Re: How to modify the product info page?

    Quote Originally Posted by stennochau View Post
    Hi Kobra,

    Sorry but where do I put these info? I mean in which file?

    If you mean the css file, I have tried but without any success.

    Thank You.
    You could try the "product info (centered)" mod from the downloads section

 

 

Similar Threads

  1. How to modify the Product Details List on the Product Details Page to look tabular?
    By CaptainCarlton in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 21 Jul 2011, 02:41 PM
  2. how do i modify product info in All Products list?
    By jadedev in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 1 May 2011, 02:10 PM
  3. Modify product info page
    By mrdthomas in forum General Questions
    Replies: 4
    Last Post: 14 Apr 2009, 12:12 AM
  4. How can modify Product Info page to Contac us Form?
    By JuanJuan in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 17 Nov 2007, 01:45 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