Tabs width problem - Main product info cropped.

Store Builder Questions
1

Hello,



I have imported my existing shop from 2.2.4 to 3.0.6 using 'Site Import' add-on. I have some problem with the tabs, please see the attached images.



When the description is full width on tab, the product name, price and 'add to shopping cart' button shows completely. If the description width is 70% of the tab, the above product details are cropped or partially shown. Same thing happens with 'send to friend' or 'reviews tabs'.



Is there any solution for this?



Thank you.

tabs1.jpg

tabs2.jpg

2

There is a solution, but I am damned if I can remember how I did it sorry…



I was using firefox and the firebug addon when I worked out what to do but honestly cannot remember what I had to do to solve the problem.



If you pm me a link to your site I will try and locate it, as I need one with the bug to let me work out how I got around the problem…



Mark

3

That looks alright in Chrome and IE browsers. The problem only persists in Firefox.

4

Yes that's the same problem I had and it's only when there are no reviews in the tab, as I say pm me the site and I will send you the required changes once I have worked out what they were. I fixed it on mine in a few minutes when I noticed the problem.

5

The only way I could find to overcome this problem was to do the following - for anyone who might be experiencing the same problem:



In your base.css file locate the following:


<br />
.product-main-info h1.mainbox-title, .vendor-main-info h1.mainbox-title {<br />
    font-size: 200%;<br />
    padding-bottom: 0;<br />
    padding-left: 0;<br />
    padding-right: 0;<br />
    padding-top: 0;<br />
}<br />

```<br />
<br />
and replace with:<br />
<br />
```php
<br />
.product-main-info h1.mainbox-title, .vendor-main-info h1.mainbox-title {<br />
    font-size: 200%;<br />
    padding-bottom: 0;<br />
    padding-left: 0;<br />
    padding-right: 0;<br />
    padding-top: 0;<br />
    width:  690px;<br />
}<br />

```<br />
<br />
I'm sure there's a better way but it works and might help someone else <img src="upload://rA9Qa8gnUPZzRZRdI8kt3dpjkrs.png" class="bbc_emoticon" alt=":)"><br />
<br />
Mark.
6

Mark, million thanks… that worked like a charm in Firefox… problem solved!

7

Brilliant news glad I could help.

8

Mark, Can you check your PM please!

9

[font=arial,helvetica,sans-serif]Sent you a reply mate.[/font]



[font=arial,helvetica,sans-serif]If anyone has a problem where the titles are cropped then the only other work around I could think of is as follows:[/font]



[font=arial,helvetica,sans-serif]1) Change back the previous changes to base.css file:[/font]



[font=arial,helvetica,sans-serif]2) The next bit requires some hard coding of the core file: skins > basic > customer > blocks > product_templates



Once you open it look for line 4 which should be something like:[/font]



[font=arial,helvetica,sans-serif]```php

```

Yours might have the word long after the main-info part should be fine to just leave it and change it to the following.[/font]

[font=arial,helvetica,sans-serif]```php
```[/font]

or

[font=arial,helvetica,sans-serif]```php
```[/font]

No idea why this hasn't been fixed previously but there's probably a good reason ;)
10

Thank you again, that worked fine!