Hi! I have a problem with template , when I copy description from my old store ,which was on Prestashop , and paste to open cart description look like that ( it is not format automatically , so the text is not fit between borders ) :
https://aladdin-store.net/ink-cartridge ... li-8y.html
and before it was like that : http://copy.aladdin-store.net/canon-ink ... ridge.html .
Plus it also given a problem with Google Merchandise account data feed :
Attribute Name Attribute Value
title CLI-8Y
link https://aladdin-store.net/cli-8y.html&c ... anguage=en
description <h1 class="pheading" style="font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; color: rgb(0, 0, 0); line-height: normal;">Canon CLI-8M magenta ink cartridge - Compatible</h1> <table border="0" cellpadding="5" cellspacing="0" height="100%" style="color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; line-height: normal;" width="100%"> <tbody> <tr> <td align="center"> <table border="0" cellpadding="5" cellspacing="0" width="98%"> <tbody> <tr> <td class="tableTitles" style="background-image: linear-gradient(to left bottom, rgb(160, 220, 253) 0%, rgb(0, 163, 239) 100%); color: rgb(255, 255, 255); font-weight: bold; padding: 8px; font-size: 15px;">Product Info</td> </tr> <tr> <td class="Productinfo"> <p style="color: rgb(55, 55, 55); font-family: Verdana, Geneva, sans-serif; font-size: 1em; padding-left: 12px; padding-right: 12px;">SuppliesOutlet.com's Canon CLI-8M compatible ink cartridge is guaranteed to meet or exceed original Canon printer .......
Thank you for any help ! Alex
https://aladdin-store.net/ink-cartridge ... li-8y.html
and before it was like that : http://copy.aladdin-store.net/canon-ink ... ridge.html .
Plus it also given a problem with Google Merchandise account data feed :
Attribute Name Attribute Value
title CLI-8Y
link https://aladdin-store.net/cli-8y.html&c ... anguage=en
description <h1 class="pheading" style="font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; color: rgb(0, 0, 0); line-height: normal;">Canon CLI-8M magenta ink cartridge - Compatible</h1> <table border="0" cellpadding="5" cellspacing="0" height="100%" style="color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; line-height: normal;" width="100%"> <tbody> <tr> <td align="center"> <table border="0" cellpadding="5" cellspacing="0" width="98%"> <tbody> <tr> <td class="tableTitles" style="background-image: linear-gradient(to left bottom, rgb(160, 220, 253) 0%, rgb(0, 163, 239) 100%); color: rgb(255, 255, 255); font-weight: bold; padding: 8px; font-size: 15px;">Product Info</td> </tr> <tr> <td class="Productinfo"> <p style="color: rgb(55, 55, 55); font-family: Verdana, Geneva, sans-serif; font-size: 1em; padding-left: 12px; padding-right: 12px;">SuppliesOutlet.com's Canon CLI-8M compatible ink cartridge is guaranteed to meet or exceed original Canon printer .......
Thank you for any help ! Alex
Hi Alex,
Welcome to the forum
if you are ever going to post code you should wrap in in the code tags.
There are two problems with your template I see.
The first one is that you have this line of code twice, like this:
That div id and class should only be coded in once.
Even if you fix that, the overflow will still be there because the CSS file has gave the DIV a width of 778px.
To change that go to catalog/view/theme/theme186/stylesheet/stylesheet.css and look at line 1177. Round about there you should change:
to
Once you have fix these two points it should look fine
Let me know how you get on,
Peter
Welcome to the forum

There are two problems with your template I see.
The first one is that you have this line of code twice, like this:
Code: Select all
<div style="display: block;" id="tab-description" class="tab-content">
// some html code
<div style="display: block;" id="tab-description" class="tab-content">
// some more html code
Even if you fix that, the overflow will still be there because the CSS file has gave the DIV a width of 778px.
To change that go to catalog/view/theme/theme186/stylesheet/stylesheet.css and look at line 1177. Round about there you should change:
Code: Select all
width: 778px;
Code: Select all
width: 100%;
Once you have fix these two points it should look fine

Let me know how you get on,
Peter

Alex3791 wrote:Hi! I have a problem with template , when I copy description from my old store ,which was on Prestashop , and paste to open cart description look like that ( it is not format automatically , so the text is not fit between borders ) :
https://aladdin-store.net/ink-cartridge ... li-8y.html
and before it was like that : http://copy.aladdin-store.net/canon-ink ... ridge.html .
Plus it also given a problem with Google Merchandise account data feed :
Attribute Name Attribute Value
title CLI-8Y
link https://aladdin-store.net/cli-8y.html&c ... anguage=en
description <h1 class="pheading" style="font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; color: rgb(0, 0, 0); line-height: normal;">Canon CLI-8M magenta ink cartridge - Compatible</h1> <table border="0" cellpadding="5" cellspacing="0" height="100%" style="color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; line-height: normal;" width="100%"> <tbody> <tr> <td align="center"> <table border="0" cellpadding="5" cellspacing="0" width="98%"> <tbody> <tr> <td class="tableTitles" style="background-image: linear-gradient(to left bottom, rgb(160, 220, 253) 0%, rgb(0, 163, 239) 100%); color: rgb(255, 255, 255); font-weight: bold; padding: 8px; font-size: 15px;">Product Info</td> </tr> <tr> <td class="Productinfo"> <p style="color: rgb(55, 55, 55); font-family: Verdana, Geneva, sans-serif; font-size: 1em; padding-left: 12px; padding-right: 12px;">SuppliesOutlet.com's Canon CLI-8M compatible ink cartridge is guaranteed to meet or exceed original Canon printer .......
Thank you for any help ! Alex
For OpenCart & PHP/MySQL support feel free to PM me
Click here for my extentions
Did I help you? Donate here to show support
Hi Pedro1993 ! Sorry for late answer . Thank for your help , I fix it but use code : . I did't try May it will work too, but like I say work for me fine. Thank again!
Code: Select all
width: fit-content;
Code: Select all
width: 100%;
Code: Select all
width: fit-content;
Still can't find Where is it? Sorry I am newbie in coding 
Code: Select all
<div style="display: block;" id="tab-description" class="tab-content">
// some html code
<div style="display: block;" id="tab-description" class="tab-content">
// some more html code

In the catalog/view/theme/your_template/template/product./product.tpl file 

Alex3791 wrote:Still can't findWhere is it? Sorry I am newbie in codingCode: Select all
<div style="display: block;" id="tab-description" class="tab-content"> // some html code <div style="display: block;" id="tab-description" class="tab-content"> // some more html code
For OpenCart & PHP/MySQL support feel free to PM me
Click here for my extentions
Did I help you? Donate here to show support
Who is online
Users browsing this forum: No registered users and 38 guests