display recently view product below related posts

Hello,

1. Create a sidebar http://prntscr.com/p74a90

2. Add the widget into the sidebar;

3. Create HTML block and add widgetized sidebar element http://prntscr.com/p749v1

4. Add the HTML block into the extra content field and set it to be shown in the pre-footer. https://xtemos.com/docs/woodmart/product-page-options/

Best Regards

Hello,

Set 3 times to show in the widget https://prnt.sc/p8m3am and add this code to the custom CSS:

body .product_list_widget > li {
    max-width: 30%;
    min-width: 30%;
    display: inline-block;
}

Or set 4 items and change the width to 20% to have 4 items in the row.

Best Regards

Hello,

Please update the site admin access.

Best Regards

Hello,

Please replace the provided code with this one:

body  .product-extra-content .product_list_widget > li {
    max-width: 30%;
    min-width: 30%;
    display: inline-block;
}

This code should not influence the sidebar widgets as well as your shopping mini cart.

Best Regards

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body  .product-extra-content .product_list_widget>li .widget-product-wrap {
    display: block;
}

Best Regards

Most Welcome,

Sorry it is not possible to increase those widget images size without affecting the other images.

It requires customization and this is beyond our limitations and support policy.

Best Regards.

Hello,

Please use the below custom CSS code and paste it to Theme Settings >> Custom CSS >> Custom CSS for Desktop and check the widget here I have added on this product:
https://www.khai.la/product/ໂສ້ງຂາສັ້ນແບຣນດ໌-azul-by-moussy/

body #woocommerce_recently_viewed_products-2 .product_list_widget>li .widget-product-wrap {
    display: block;
}
body #woocommerce_recently_viewed_products-2 .product_list_widget > li {
    max-width: 30%;
    min-width: 30%;
    display: inline-block;
}

After adding the custom CSS you will see the widget like this:
http://prnt.sc/pf8238

Best Regards.

Hello,

I have test your site and noticed that with my provided css code your recently viewed products shown horizontally which you want.

Screenshot: https://jmp.sh/9G2jWwK

Also the images looks in the normal size. The width is already set to full. You can use the below css code to increase the height of images:

.product_list_widget > li .widget-product-img > img {
height:300px
}

Yes currently we do not have that feature. We will try to consider this in next upcoming updates of the Theme.

Best Regards.

Hello,

Yes, I got your point. As I already told you that your width is already set to full. So you can just increase or decrease the height.

Sure we will try to include this in the update of our theme.

Best Regards.

Hello,

Thanks for sharing the suggestion/feature request with us, I am forwarding this to our development department for considering to add it in the theme, but I am not giving you the guarantee for that because please note that a theme cannot satisfy all requirements as it may occur theme heaviness. Sometimes it may require your own customization. So if the development department finds it fit with the theme environment then surely they will look through it.

Thanks for your understanding.

If you need any help in future, please feel free to contact us anytime, we are always here to help you.

Thanks for contacting us,
Have a great day :-)

Topic Closed.
Best Regards.