In a recent release, Yahoo! made it possible to show cross-sells right on the product pages. Coupled with their auto-suggest feature (where products are automatically recommended based on past shopping history) this is a great conversion feature. There is, however, a minor bug in the way these on-page cross-sells are implemented. Here is the scoop:
As you may know, you can add the yahoo-generated cross-sells to your item pages by inserting <div id="ys_relatedItems"></div> anywhere in your pages' text or template. The bug occurs - in Internet Explorer only - if this ys_relatedItems div is the last child of its parent. In that case, and again, only in Internet Explorer, no cross-sell items will show up on the page.
In layman's terms, this means that if you have a closing tag after <div id="ys_relatedItems</div>, then this bug will cause your cross-sells not to show. So, for example, if you have a table and inside it the last element is your ys_relatedItems div, then this would trigger the bug.
Yahoo! Engineering is aware of the bug and it will be fixed in the next maintenance release. In the meantime, though, there is a very easy work-around: simply add something after your ys_relatedItems div so that it's not the last child of its parent. An empty div, for example, will do the trick:
<div id="ys_relatedItems"></div><div></div>
As you may know, you can add the yahoo-generated cross-sells to your item pages by inserting <div id="ys_relatedItems"></div> anywhere in your pages' text or template. The bug occurs - in Internet Explorer only - if this ys_relatedItems div is the last child of its parent. In that case, and again, only in Internet Explorer, no cross-sell items will show up on the page.
In layman's terms, this means that if you have a closing tag after <div id="ys_relatedItems</div>, then this bug will cause your cross-sells not to show. So, for example, if you have a table and inside it the last element is your ys_relatedItems div, then this would trigger the bug.
Yahoo! Engineering is aware of the bug and it will be fixed in the next maintenance release. In the meantime, though, there is a very easy work-around: simply add something after your ys_relatedItems div so that it's not the last child of its parent. An empty div, for example, will do the trick:
<div id="ys_relatedItems"></div><div></div>
Comments