Results 1 to 6 of 6
  1. #1
    Join Date
    Apr 2006
    Location
    West Salem, IL
    Posts
    2,888
    Plugin Contributions
    0

    product info layout

    I would like to make the following changes to the product info page shown here. I would like to move the size attributes up and over next to the count attrib. I would also like to move the add to cart up next to the count attribute, so that they are all in one big row together. I am also trying to figure out why the category shows up twice above the picture, it only does it in firefox and not in IE.

    Any pointing in the right direction would be appreciated as I think I'm goin' blind from reading the forum posts.


  2. #2
    Join Date
    Apr 2006
    Location
    West Salem, IL
    Posts
    2,888
    Plugin Contributions
    0

    Re: product info layout

    Hmmmm......56 views and not a bite! I have either asked a stupid question or I have asked a question with an obvious answer. I assume that I will have to make changes in the tpl_product_info_display.php file and possibly a stylesheet tied just to this page ( if I can figure out how you do that). I'm on the road 4 days a weeks and don't have a lot of time to sit and figure this out, but I'll just keep plodding along. Maybe I can get an answer with a possible post I should read......hmmmmmmmm

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

    Default Re: product info layout

    I am also trying to figure out why the category shows up twice above the picture, it only does it in firefox and not in IE.
    This is because there is no category image and you are seeing the image "alt text" as well as the category name.

    I would like to move the size attributes up and over next to the count attrib. I would also like to move the add to cart up next to the count attribute, so that they are all in one big row together.
    Not sure if this is possible because of the way the sort order for the option names is set up. I've played around with the attirbutes a lot and haven't been able to come up with anything that would accomplish what you want.

    I assume that I will have to make changes in the tpl_product_info_display.php file and possibly a stylesheet tied just to this page ( if I can figure out how you do that).
    Yes, to this one. If you are using v 1.3.0.1 moving things around in the tpl_product_info_display.php is fairly easy because each section is clearly marked with <-- bof xxxxxxx --> <-- eof xxxxxx --> tags. Finding what to change in the stylesheet you'll need to "view source" and find the necessary "Class/ID" selectors and then add/modify these in the stylesheet.

  4. #4
    Join Date
    Apr 2006
    Location
    West Salem, IL
    Posts
    2,888
    Plugin Contributions
    0

    Default Re: product info layout

    Thanks, now on to hack and slash!

  5. #5
    Join Date
    Sep 2004
    Posts
    2,420
    Plugin Contributions
    2

    Default Re: product info layout

    Quote Originally Posted by clydejones
    Finding what to change in the stylesheet you'll need to "view source" and find the necessary "Class/ID" selectors and then add/modify these in the stylesheet.
    Rather than "View Source" (which is how I used to do it), download/install the free "Web Developer" Extension for Firefox 1.5x. Then right click your web page, choose Web Developer > Information > Display ID & Class Details. -- Bingo!

    Using the same tool (Web Developer > CSS) you can easily view and temporarily edit your stylesheets and see immediate effect (to experiment) and then save your style changes if desired.

    WD does more than just help with CSS editing. Find out more and download WD 1.02 from either mozilla.org or http://chrispederick.com/work/webdeveloper/

    Highly recommended!

    Woody

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

    Default Re: product info layout

    One thing causing elements to run vertically instead of inline is the
    <br class="clearBoth"/> which does not allow any other element on the same line. Removing some of those in relevant places may help.

    There are several layers of php files that work to build the final html output. A careful reading of tpl_product_info_display.php will reveal the next php file to look in and possibly edit the attribute arrangement.

 

 

Similar Threads

  1. Adding a new Product Type Info Page Layout options :: Product - General
    By bn17311 in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 30 Aug 2010, 06:42 PM
  2. change price layout on product info and product listings
    By chrislum24 in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 26 Jun 2009, 12:13 PM
  3. product info layout
    By 1kell in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 4 Mar 2009, 11:52 PM
  4. Product Info Layout
    By pvl108 in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 23 Mar 2008, 03:42 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