Results 1 to 5 of 5
  1. #1
    Join Date
    Mar 2011
    Location
    Ireland
    Posts
    286
    Plugin Contributions
    0

    Default product info display problem after installing Tabbed Products Pro

    Hi just wondering if anyone can help me on this. I have installed Tabbed Product Pro (TPP) and the product details e.g. manufacturer name, weight etc appear on the details tab of but they wrap at a certain point instead of using the full width of the tab. The text in the product description field is fine though. I know it is a css issue but have tried changing numerous settings and still no joy! when I put in white space: no-wrap, it solves the problem for the list view e.g.
    Product Code: ORKD5007
    Delivery/Shipping Weight: 1.4kg
    Manufactured by: Other
    Product Count: 40
    Recommended Retail Price per Unit: 0.44

    but where the text is bigger it just runs on outside the tabbed content box so not really good either, when I leave it as normal, this is what happens:

    Product Code: ORKD5007
    Delivery/Shipping Weight:
    1.4kg
    Manufactured by: Other
    Product Count: 40
    Recommended Retail Price
    per Unit: 0.44


    thanks guys.

  2. #2
    Join Date
    Sep 2005
    Location
    Waikato, New Zealand
    Posts
    1,539
    Plugin Contributions
    3

    Default Re: product info display problem after installing Tabbed Products Pro

    If its a css problem, we can't solve it by guesswork, we need to see an effected page so we can see the code interacting

    You may want to try posting in the support thread, as that is where the maintainers hang out.

    http://www.zen-cart.com/forum/showthread.php?t=86201

    and also where, if anyone else has had this problem the solution will be
    Webzings Design
    Semi retired from Web Design

  3. #3
    Join Date
    Sep 2005
    Location
    Waikato, New Zealand
    Posts
    1,539
    Plugin Contributions
    3

    Default Re: product info display problem after installing Tabbed Products Pro

    ah, I see you have directed here from that support thread,

    we need to see a link to an affected page
    Webzings Design
    Semi retired from Web Design

  4. #4
    Join Date
    Mar 2011
    Location
    Ireland
    Posts
    286
    Plugin Contributions
    0

    Default Re: product info display problem after installing Tabbed Products Pro

    Thanks, please see link here

    you see how the lines wrap

    This is the CSS:

    #productDescriptionWrapper {
    margin-left: 320px;

    padding: 0;
    width: 442px;
    position:center:
    float:right
    }

    #productDescription {
    width: 400px }

    #productDescription li {
    margin-left: 2em;
    }

    .biggerText li {
    margin-left:2px;
    }


    #slidetabsmenu {
    float:left;
    border-bottom:1px solid #F45551;
    width:100%;
    line-height:normal;
    }
    #slidetabsmenu ul {
    margin-left:1em;
    width:100%;
    padding:10px 10px 10px 10px;
    list-style:none;
    }
    #slidetabsmenu li {
    display:inline;
    width:100%;
    margin-left:2em;
    padding:0;
    font-weight: bold;
    }
    #slidetabsmenu a {
    float:left;
    background:url("../../images/tpp/tableft9.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 4px;
    text-decoration:none;
    }
    #slidetabsmenu a span {
    float:left;
    display:block;
    background:url("../../images/tpp/tabright9.gif") no-repeat right top;
    padding:5px 12px 4px 6px;
    color:#FFF;
    }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #slidetabsmenu a span {float:left;}
    /* End IE5-Mac hack */
    #slidetabsmenu a:hover {
    background-position:0% -42px;
    }
    #slidetabsmenu a:hover span {
    color:#FFF;
    background-position:100% -42px;
    }
    #slidetabsmenu a.current {
    background-position:0% -42px;
    }
    #slidetabsmenu a.current span {
    background-position:100% -42px;
    }
    element.style {
    display: block;
    width: 400px;
    }
    .tabcontent {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-color: -moz-use-text-color #F45551 #F45551;
    border-right: 1px solid #F45551;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    width: 400px;
    min-height: 200px;
    padding: 10px 20px 0;
    float:left;
    font-size: 1.1em;
    display: inline-block;

    }

    .ui-corner-bottom {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }

  5. #5
    Join Date
    Jan 2007
    Location
    Los Angeles, California, United States
    Posts
    10,023
    Plugin Contributions
    32

    Default Re: product info display problem after installing Tabbed Products Pro

    Quote Originally Posted by nigelt74 View Post
    ah, I see you have directed here from that support thread,

    we need to see a link to an affected page
    And nigel I directed him here because there aren't a lot of CSS gurus hanging there.. SInce this si a CSS issue I figured why not go where the CSS kings and queens hang out.. This is where I go when I have CSS questions.. (or a non Zen Cart CSS forum I keep on speed dial too.. )
    My Site - Zen Cart & WordPress integration specialist
    I don't answer support questions via PM. Post add-on support questions in the support thread. The question & the answer will benefit others with similar issues.

 

 

Similar Threads

  1. v139h Conflicts between Tabbed Home and Tabbed Products Pro v1.07
    By swdynamic in forum All Other Contributions/Addons
    Replies: 5
    Last Post: 14 Sep 2014, 06:29 PM
  2. v139d the 'html' code doubled after installing the Tabbed Product Pro, a big SEO issue?
    By mybiz9999 in forum All Other Contributions/Addons
    Replies: 1
    Last Post: 14 Jul 2013, 11:01 AM
  3. problem about tabbed product pro and WOZ
    By jameszxc in forum All Other Contributions/Addons
    Replies: 0
    Last Post: 19 Dec 2011, 08:26 AM
  4. Tabbed Product Display problem
    By jagall in forum General Questions
    Replies: 1
    Last Post: 21 Sep 2011, 09:39 PM
  5. product layout tabbed products pro
    By gee38l in forum All Other Contributions/Addons
    Replies: 0
    Last Post: 8 Nov 2008, 07:40 AM

Bookmarks

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
Zen-Cart, Internet Selling Services, Klamath Falls, OR