karenlg

OMG!! You are amazing!!!
This is what I used and it worked

[wcsp_cross_sell display_columns=”4″ class=”cols-4″ title=”Similar Products”]

I was even able to take the CSS the theme gave me out. I did not need it.

/* Makes Cross-Sell Image size same as UpSells */
.single-product .woocommerce li.product .entry-featured,
.single-product .woocommerce li.product .entry-featured a {
width: auto;
display: inline-block;
}

.single-product .woocommerce li.product .entry-featured img {
min-width: 0;
}

.single-product.woocommerce li.product .star-rating-container,
.single-product.woocommerce-page li.product .star-rating-container {
position: absolute !important;
}

/* Makes Cross-Sell Image size same as UpSells 4 Rolls */
.cross-sells.woocommerce li.product {
width: 22%;
}

Thank you soooo much!!

Thank you @logicfire that worked great to get the stars off of the Cross-Sell product image.

I am still having trouble getting the images to the correct size on the mobile. They look great on a computer with the code the theme gave me but they are really small on a mobile device. I am working with my theme. I will let you know if we figure it out. Do you have any other suggestions? Again we are trying to make them look like the Upsells which are located in the Accessories tab now on all devices.

Ok I take it back they are not showing perfectly with that code after I sent this message I viewed it on my mobile device and they are showing way to small. I just want them to show like the Upsells do on all devices.

Hey logicfire,

So I updated the plugin but it still does not seem to follow the Upsell look. I spoke with my theme and they provided me with the following CSS.

.single-product .woocommerce li.product .entry-featured,
.single-product .woocommerce li.product .entry-featured a {
width: auto;
display: inline-block;
}

.single-product .woocommerce li.product .entry-featured img {
min-width: 0;
}

.single-product.woocommerce li.product .star-rating-container,
.single-product.woocommerce-page li.product .star-rating-container {
position: absolute !important;
}
.cross-sells.woocommerce li.product {
width: 22%;
}

This worked perfectly. The only thing I am having trouble with now is the Stars (Review Stars). As you can see they are showing twice. Below the product name and on the product picture. I am not sure why. I do not want them on the product image. Can you help me remove them from going over the product image?

When I put this

[wcsp_cross_sell orderby=”rand” order=”ASC” product_num=”4″ display_columns=”4″ title=”Other Bundles you may like” product_id=”Product ID”]

It does not pull anything. I’m not sure what I am doing wrong. I can get them to pull with this.

[wcsp_cross_sell orderby=”rand” order=”ASC” product_num=”4″ display_columns=”4″ title=”Other Bundles you may like”]

But as you can see it does not put them in rows. I would like 4 to show in one row and they all be the same size as the upsell you see below. I have 6 products in the Cross-Sell section.

My Theme gave me this CSS to add to make the images the same size but it is not working 100%. It did make the image size smaller but not the same size as the upsell images.

.single-product .woocommerce li.product .entry-featured,
.single-product .woocommerce li.product .entry-featured a {
width: auto;
display: inline-block;
}

.single-product .woocommerce li.product .entry-featured img {
min-width: 0;
}

.single-product.woocommerce li.product .star-rating-container,
.single-product.woocommerce-page li.product .star-rating-container {
position: absolute !important;
}

You can view the changes I made here. https://staging.outdoordogsupply.com/product/sportdog-replacement-antenna-long/

So I got the Cross-Sells to show on my product page but I had to use this [wcsp_cross_sell] the other code did not work for me. But now I have really big product images. How can I style them so that they appear like the Upsells right below them on this page? The upsells heading title is You may also like…

https://staging.outdoordogsupply.com/product/sportdog-replacement-antenna-long

I would also like to change the title from Cross Sells… to Other Bundles you may like…

This is the code that did not work for me. [wcsp_cross_sell orderby=”rand” order=”ASC” product_num=”5″ display_columns=”3″ title=”Hello title..” product_id=”Product ID”]

Can you see this?

https://www.outdoordogsupply.com/wp-content/uploads/2018/12/Screen-Shot-2018-11-30-at-4.19.59-PM.png

After you process the paypal payment and it goes back to our website is where we were getting the error message. It happens after you click Place Order. I can send you a screen shot but I’m not sure how.

Just sent it. Thank you for all your help you guys are awesome.

Great Thank you so much. One more thing. When we did that the Amazon Orders are coming over but it is only showing the SKU on the invoice and not the Product name. How can I have both show?

Also, the customer notes are not coming over. How can I make this happen?

• This reply was modified 6 years, 8 months ago by karenlg.

Hey,
I heard from yall really quick. And purchased the Plugin thank you.

I have a question about printing from the Amazon and eBay Pro plugin. Could you tell me how I can do this?

I figured it out

We have Pro. Where can I make that change?

When I got the error message I was in the child theme functions.php file

Would it being a staging site have anything to do with the error?

Also, do I need to have the latest version of your plugin for this code to work? If so is it ready for me to put on my live site or you still working on testing it?

Just to make sure we are on the same page. I need to add the code given above to the cPanle? Or is there another spot within WordPress that I can add it?

If it’s the cPanel functions.php file how can I do this with my stage site?

Sorry for all the questions. I really appreciate all the help.