HomeHome Product Discus... Product Discus...SmithCartSmithCart4.84 product name text wrapping and alignment4.84 product name text wrapping and alignment
Previous
 
Next
New Post
1/5/2012 7:34 PM
 

HI SC,

I'm using DNN 6.0.0, with the default dark knight skin, and SC 4.84 with two columns on the buy now page.

 

I might have missed something here. Previously (4.67) on the buy now page, each item wrapped long product names nicely, so that the grid lined up well. This does not seem to happen with v.4.84. I've tried different browsers.

 

Here is how to reproduce the issue:

Set the cart to have two columns, horizontal direction.

Create four products:

  1. Product1
  2. Product2
  3. Product3 with a very long name like this
  4. Product 4

View the buy now page.

 

Sample screenshot attached.

 

Please advise. Thanks.

 
 Login to download attachment
New Post
1/6/2012 5:20 PM
 
Hi Daniel,

When adding a product with a long Product name, the solution to get the Product Name to wrap properly would be to add a
tag in the Product Name field on the Product Setup screen. to properly wrap the text beneath the Product image.

Thanks,
 
New Post
1/6/2012 5:28 PM
 

Hi Kevin,

 

Do you mean to add an html line break in the product name?

e.g. < br / >

 

This will create a problem sending the order string to PayPal:

https://www.smith-consulting.com/Foru...

 

Any reason why styling has changed from 4.67 where it wrapped automatically, to 4.84 where is no longer wraps nicely? It's kinda preventing an upgrade on a live version at the moment.

 

Thanks,

Daniel.

 
New Post
1/8/2012 4:20 PM
 

Any update on this? It is a cart-breaking change from 4.67 to 4.84.

 

Thanks

Daniel.

 
New Post
1/8/2012 4:42 PM
Accepted Answer 

 

Daniel,
Try opening the productlist.ascx page and go to line 61 and uncomment the following column group section:
 
 <%--  <colgroup>
            <col class="thumbnail"/>
            <col class="productName"/>
            <col class="spacer" />
            <col class="price" />
            <col class="addToCart" />
        </colgroup>--%>
 
If that doesnt work you can open up the module.css and afjust the widths of the classes until it works with your skin.

At your service,
Dave Smith
DotNetNuke Consulting, DotNetNuke Store and DNN Ecommerce
 
New Post
1/8/2012 5:03 PM
 
Dave Smith wrote:

 

Daniel,
Try opening the productlist.ascx page and go to line 61 and uncomment the following column group section:
 
 <%--  

Thank you Dave, uncommenting that code worked.

 
New Post
5/11/2012 9:28 PM
 

Hi Dave,

Could you please point me in the right direction to repeat this in SC 4.99?

The same issue exists, but unlike in 4.84, the COLGROUP code you mentioned above has been moved somewhere else.

Thanks,

Daniel.

 
New Post
5/15/2012 1:56 PM
 

Hi Daniel,

Please try adding the following line to your /DesktopModules/Smith.BuyNow/module.css file:

div.scMultiColumn table.scProduct { width: 300px; }

You can edit the width property to customize the product list columns to your desired width.

Thanks,
Andrew Barton
Smith Consulting

 
New Post
5/15/2012 5:57 PM
 
Andrew wrote:

Hi Daniel,Please try adding the following line to your /DesktopModules/Smith.BuyNow/module.css file:

div.scMultiColumn table.scProduct { width: 300px; }

You can edit the width property to customize the product list columns to your desired width.Thanks,Andrew BartonSmith Consulting

Thanks. Although you missed a comma. The following works well for me:

div.scMultiColumn, table.scProduct { width: 200px; padding:0 10px 0 0; }

 
Previous
 
Next
HomeHome Product Discus... Product Discus...SmithCartSmithCart4.84 product name text wrapping and alignment4.84 product name text wrapping and alignment