I have got the Tabbed Lite template set up on my site and I love just about everything about it. In running through and adding some test products I noticed something I havent been able to correct.
When using the Tabbed Lite set up it forces my 'Add to Cart' box, 'Tell a Friend' box, 'Write a Review' box and the shipping weight, stock and manufacture info down to the bottom of the page. I have been searching everywhere to try and correct this.
I found out how to control the width of the tab box that has focus by adding a width statement to the css in the following:
.ditch-tab-skin-default .ditch-tab-pane-wrap {
position:relative;
z-index:9;
border:1px solid silver;
padding:8px 15px;
}
I just added a width statement to that and it changed the width but had no affect on the placement of the affected items above.
I then went into the tpl_product_info_display.php file that is provided with Tabbed Lite and found the following there:
starting around line 240
echo '<table width="100%" cellpadding="0" cellspacing="0">';
There were a few entries like that and I tried changing them individually with no luck. I dont know if I need to change all of the entries as well as change/remove the style="display:block; statement that accompanies each of the divisions that contain the table statements above.
I love the Tabbed Lite template but I dont know what to do about the items that are forced to the bottom of the page. It would seem its possibly a CSS thing, but Im not sure what to look for.
Ive tried doing my homework and checking as best I know how and Im at a loss so Im hoping someone here has an idea of what to do. The 'Tell a Friend' and 'Write a Review' parts I dont care if they are at the bottom, but I really would like the 'Add to cart' and the shipping and stock information near the product information.
If anyone has any ideas or has/is using this template and knows what to look for I would greatly appreciate some assistance. Thanks everyone.
Bookmarks