I just realized my new template does not have cross-sell implemented, besides on the home page.

I would like to place cross-sell on my proddetail.asp page, as well as my cart.asp. I would like for the appearance of the cross-sell to look like it does on my home page - www.usafleetsupply.com.

To do that, would I just place this under <!--#include file="vsadmin/inc/incproddetail.asp"-->?

<%
csproductpagelayout="productimage,productname,instock,reviewstars,price,listprice,currency,detaillink,quickbuy"
quickbuylayout="productimage, productname, instock,reviewstars,productid, description, options, listprice, price, currency, detaillink,addtocart"
orsortby=13
csstyleprefix="cs"
crosssellsectionmax=9
csrecommendedtitle="Recommended Products"
shortdescriptionlimit=100
crosssellaction="recommended"
%>
<!--#include file="vsadmin/inc/inccrosssell.asp"-->

Hi

That looks fine to me.

Andy

Please feel free to review / rate our software

I placed the cross-sell code on my proddetail page and it looks exactly like I thought it would...except

On larger monitors, the far right column of the cross-sell table jumps over and hangs out to the right of the main product on the detail page. It doesn't do this on normal size screens, just large screens.

Is there a way to get that far right column to stay where it belongs?

Try this is on proddetail.asp just before the closing </head> tag

<style>
div.csproducts{float:left;width:98%;clear:both}
</style>

Andy

Please feel free to review / rate our software

Got it...looks good

Thanks again!

My small product images vary in size. This makes the product detail boxes different heights within the cross-sell columns. I'd like to get them all the same height if possible. I see there is a minimum height on the box (100px).

div.csprodimage
min-height: 100px;

Can I add any css to make the boxes all the same height?

I love flexbox for automatically creating equal height divs in each row.

https://www.ecommercetemplates.com/support/topic.asp?TOPIC_ID=107608

Thanks dbdave!

I have a few questions about Flexbox before I begin. Should I post my questions here or at https://www.ecommercetemplates.com/support/topic.asp?TOPIC_ID=107608 ?

I think either location is acceptable. I am pretty familiar with the setup, so post up and I'll see if I can help.

I only want this for the div.csproducts (cross-sell). Do I need to set anything for the div.categories, div.products, etc for the divg.csproducts to have an effect?

Hi

As an alternative to flexbox you can set a min-height on .csproduct https://www.ecommercetemplates.com/support/topic.asp?TOPIC_ID=100739

Andy

Please feel free to review / rate our software

If you decide to try flexbox, you can certainly use it only on the crossell feature without any impact on other styling.

Each time the proddetail.asp page is updated, this problem is recreated on the page:

On larger monitors, the far right box of the cross-sell (I have a 3 column cross sell table) table jumps over and hangs out to the far right of the page, creating its own column. This causes a horizontal scroll bar to appear on the bottom of the page. When you scroll over to the far right, there is just the one box of the cross sell table hanging out over there. It doesn't do this on normal size screens, just large screens.

Andy suggested this fix a while back:

Try this is on proddetail.asp just before the closing </head> tag

<style>
div.csproducts{float:left;width:98%;clear:both}
</style>

I went to place that on my proddetail.asp page again after the last update, but I have a quick question about where to place it.

I already have a <style> tag in the head, such as:

<style type="text/css">

.auto-style3 {
font-size: small;
color: #2875BD;
}
.auto-style4 {
color: #006ABA;
</style>

Do I add a new <style></style> tag as per the suggestion, or should I just place the div.csproducts{float:left;width:98%;clear:both} within the style tag that already exists.?

I'm thinking it probably doesn't matter, but I can't remember what i did the last time I did this.