Related Products tab into sidebar product page

Hello,

I want to place “related products” tab at left side bar of products page, please look at attached images.

Thanks

Attachments:

You must be logged in to view attached files.

Hi,

Unfortunately, there is no option in our theme to place related products to the sidebar. It requires additional code customizations to achieve this.

Regards

Thanks for your reply,

Pls kindly give just some tips how to change the code ? I am basically C# developer, so i think i can easily change the code if you guide me.

It s absolutely needed option for our client, they don t scroll upto the bottom to see the related products.

Kindly help me.

Or i gave you on private content admin access.
Thanks

Sorry i gave you wrong pwd on last msg. Here u can find the correct one.

Hi,

We don’t have an instruction for this. Here is an article that should help you in this situation https://www.sellwithwp.com/how-to-move-the-woocommerce-related-products-display/

Regards

Thanks for your reply.

Exactly what i needs. I read the article. as said in that article, i can t upload the plugin into my website, can you help me please.

Here is the link of zip file:
https://gist.github.com/bekarice/84e2d8719543aec77059

Look at attached picture, the error that it throws

Attachments:

You must be logged in to view attached files.

You need to ask your hosting provider for help with this problem. It seems to be an issue with uploading file size limit.

finally, i found a plugin “woo commerce related products” that i installed, it display on side bar, on mobile is well presented but on destop it not displayed, please kindly help me on css customization.

https://annachi.fr/product/gits-instant-idli

thanks

Attachments:

You must be logged in to view attached files.

here you can find desktop version

Attachments:

You must be logged in to view attached files.

Try to add the following code snippet to the Custom CSS area for desktop and tablet devices in Theme Settings and set sidebar width to “medium” to add more space there

.woo-related-products-container .product-grid-item {
		width: 50%;
}

thanks, perfect ! You are the best

Sorry, another question, how to remove mouse “hover” event on the product container ? When i place my mouse pointer, it shows “ADD to cart ” button, i just want to remove that. I just want to keep, product image, title and range price.

https://annachi.fr/product/gits-instant-kulfi-mix

Thanks

Ignore my previous message, everything ok.

Thanks a lot

You are welcome!

[Author]

Posts