View Single Post
  #4  
Old 05-23-2016, 02:56 PM
Tara K's Avatar
Tara K Tara K is offline
 
Join Date: Apr 2016
Posts: 43
Default

Quote:
Originally Posted by Chelsy Henry View Post
Hey Tara,

Thank you for the reply! Unfortunately that is way to time consuming for my 1,000 products...
Not all of the descriptions have a problem, it's only ever since you guys had updated the product description area. I need a CSS code that changes them all or an idea that is more time effective.

Thank you!
Hello Chelsy,

I understand. Chelsy, will you please tell me how you add your product descriptions? What text editor do you use? Or perhaps you copy and paste them from a site? We’d like to investigate the issue on our side.
By the way, if you want to edit products/orders/customers in bulk you can use the default Import-Export feature.

For now, I’ll give you some hints to work this issue around.

The thing is some text editors add extra invisible symbols to linebreaks. Ecwid reads the text you input in product description (after it had been edited in the text editor) and considers that it should be “enveloped” into paragraphs. Thus empty spaces appear in product descriptions.

F.ex., your text in a product description:

1 - USED 6’ X 12” DURMA HD-L 4020 PF7 5000 WATT LASER CUTTER
REF. NO. C-4283

has three empty paragraphs which were added after Ecwid detected invisible symbols and transformed them into empty lines:


So your text looks like this:



That’s why I advised you to use simple text editors (Sublime, Notepad or alike) instead of the one you use now.

To remove empty spaces in your product descriptions in bulk, you should add this javascript code to the page where your Ecwid store is installed:

Code:
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
Ecwid.OnPageLoaded.add(function(page) {
if ("PRODUCT" == page.type) {
$('.ecwid-productBrowser-details-descr p').each(function(){
    if (!$(this).text().trim().length) {
        $(this).hide();
    }
});
};
});
After this your product description will look like this:


If you want to increase the space between the lines (by 5 px, f.ex.), then you should add the below CSS code to your Ecwid Control Panel -> Settings -> Design page (to the CSS theme which is currently active in your store):

Code:
.ecwid-productBrowser-details-descr p {
padding: 5px !important;
}
Thus your product descriptions will look this way: