The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.
 
 
Thread Tools Display Modes
Prev Previous Post   Next Post Next
  #1  
Old 04-21-2015, 03:26 PM
Andrew Cawood's Avatar
Andrew Cawood Andrew Cawood is offline
Junior Member
 
Join Date: Apr 2015
Posts: 2
Question Wrap text when displayying single item using HTML

I am using the single-item HTML code to display some "Recommended Products" on my site home page.
I would like to display 4 products alongside one another (when viewed on a desktop/laptop.)
I am finding that the "title" is not wrapping, so items with long names cause it to only display 2 items per line instead of 4. ( See my homepage, just above the "Training" section : http://companywise.co.za/ )

What do I need to add to the HTML to wrap the title field - I have tried various tweaks but nothing seems to work.

Current code for the first two items is:
Code:
<div style="float:left; margin: 20px;" class="ecwid ecwid-SingleProduct ecwid-Product ecwid-Product-37545202" itemscope itemtype="http://schema.org/Product" data-single-product-id="37545202"> <div itemprop="picture"></div><div class="ecwid-title" itemprop="title"></div> <div itemtype="http://schema.org/Offer" itemscope itemprop="offers"><div class="ecwid-productBrowser-price ecwid-price" itemprop="price"></div></div> <div itemprop="options"></div> <div itemprop="addtobag"></div> </div> <script type="text/javascript" src="http://app.eshop.co.za/script.js?4282146" charset="utf-8"></script> <script type="text/javascript">xSingleProduct()</script> 
<div style="float:left; margin: 20px;" class="ecwid ecwid-SingleProduct ecwid-Product ecwid-Product-37545217" itemscope itemtype="http://schema.org/Product" data-single-product-id="37545217"> <div itemprop="picture"></div></a> <div class="ecwid-title" itemprop="title"></div> <div itemtype="http://schema.org/Offer" itemscope itemprop="offers"><div class="ecwid-productBrowser-price ecwid-price" itemprop="price"></div></div> <div itemprop="options"></div> <div itemprop="addtobag"></div> </div> <script type="text/javascript" src="http://app.eshop.co.za/script.js?4282146" charset="utf-8"></script> <script type="text/javascript">xSingleProduct()</script>
Many thanks,
Andrew
 
The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.

Tags
wrap text

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 04:40 PM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.