display recently view product below related posts

Hello, how can I display recently viewed 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

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/

Where can I set it to pre-footer? Since I want to show recently-views products below related products and related products are located in the single product page.

understand now. Have to add to every product page.

pls see screenshot for other questions.

Attachments:

You must be logged in to view attached files.

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

Pls see screenshot

Attachments:

You must be logged in to view attached files.

and in mobile view it looks like this

Attachments:

You must be logged in to view attached files.

Hello,

You need to use 30% width and only on the desktop. Add the code I have provided to the Theme Settings > Custom CSS > Desktop.

Best Regards

– product title still display on the right, not under the pictures. Pls make it under pictures.

– Your css code makes the cross icon in the cart off-canvas moves to the left. See screenshot

Attachments:

You must be logged in to view attached files.

Also in side widget it looks like this

Attachments:

You must be logged in to view attached files.

Hello,

Please update the site admin access.

Best Regards

here u r

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

You still not answer my question. NOW THE POST TITLE AND PRICE ARE ON THE RIGHT OF IMAGE, HOW CAN I MAKE THEM UNDER THE IMAGES?

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

Ok, thanks. Lastly, could you please tell me how to increase these widget image size? just only for this widget, should not affect other widget images.

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.

These css codes are not working.

Is this the woocommerce recently-viewed products style itself that display thumbnails vertically like this or is it your theme style? If it’s your theme style, please tell me where I can reach your template.

Hello,

I have found that you have removed the recently viewed widget from the pages. Also, you have not added any custom in custom code section in Theme Settings. Can you please tell me on which page you are using the Recently Viewed product widget now? Please send me the URL of that page also put the given custom CSS code in the Theme Settings >> Custom CSS >> Custom CSS for desktop section.

Best Regards.

I remove because the css code is not working. You can check this by adding your code back again.

I would like to display recently viewed products horizontally. Someone ask this question on Woocommerce support here https://wordpress.org/support/topic/make-recently-viewed-products-widget-horizontal/. And he said his theme developer helps him. I don’t know how his theme developer helps him to get it display horizontally.

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.

It doesn’t look nice. Images are not big, also have to mess up with media query. Recently-viewed products are good feature in woocommerce. I don’t understand why the theme author doesn’t have this feature in the theme and display horizontally like other woocommerce theme authors do.

Commonly recently-viewed products would looks good if displayed horizontally.

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.

Never mind, forget it. I mean it doesn’t display well like the related products. Your css code just display horizontally, but still having problem with images size. You give more css code to increase height but the width, no.

Please add this in your update soon.

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.

Can you add this feature in your next update. I will give 5 stars.

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.

[Author]

Posts