Recently View Products

Hello

I am hoping you can help with my Recently View Products page.

I created a new page and used the Recent Products widget. https://prnt.sc/q7udhg

However the page does not display recently viewed products and seems to only show one of my categories. In this case ‘economy glass’. https://prnt.sc/q7ueud

This widget does show recently viewed products correctly in the sidebar but not on the page which I need it to.

Do you have any idea why this widget will not show recently viewed products on the page?

I tried an alternative and installed the YITH Recently View Products plugin and this is working correctly. However the plugin adds ‘ X Remove’. The product grid style I am using goes over it so a user cannot remove the product. https://prnt.sc/q7ui17

Is there any coding I can either remove or hide this or position it so a user can remove?

As a test if you view some products on my site then go to https://epic-trophies.com/recently-viewed-products/ I have placed both plugins into the page which should be identical but you will see what I have explained above.

I don’t mind which plugin to use for the recently viewed products page and would appreciate any help in resolving one of them.

Regards

Hello,

Please deactivate all the plugins not related to the theme and provide the site admin access to the private area, disable all the blocking plugins and configurations.

Best Regards

Hello

The details are in the private content

Regards

Hello,

I cannot login https://prnt.sc/q7zmwj

Best Regards

Hello

If you can send me your IP address I can whitelist it.

I am wondering if the Woo Recent Products is recent products added to the store and not recently ‘viewed’ products?

Regards

Hello

I am getting the same issue on my dev site which is not on the firewall

The details are in private

Regards

Hello,

First of all, check how this element works on the Storefront theme. Then please disable the blocking plugins as I am not only one from our team who would check. Our Ips all time changes.

Best Regards

Hello

I think the ‘Recent Products’ plugin is for the latest products that have been created, and not for a user viewing products. Upon further check it was displaying the latest products that had been created.

Therefore there is no issue and was deceiving the name for the plugin. There is a widget version for recently viewed but not a shortcode in a page version is what I have now learnt.

The YITH plugin seems to be the only plugin you can add shortcode into a page so will go with this. Could I add to the Woodmart wishlist for a recently viewed products page in future releases. Many thanks

Regards

Hello,

Yes, I got confused by my self a bit.

Recent products are the products that have been recently added.

Recently viewed product widget shows the products which the current user has visited. For example, Bog is on the site, he sees no product in the block where Recently viewed product widget added, as soon as he views a few products we will see the products which he visited.

If you want to show fresh products added to the site you would better use the Product Grid/Carousel element https://xtemos.com/docs/woodmart/faq-guides/product-grid-carousel-element/

If you want to show Recently viewed products, you should add the widget to the sidebar. If want to show in the content, follow these steps:

1. Create a sidebar for Recently viewed product widget http://prntscr.com/p74a90

2. Add the Recently viewed product widget into the sidebar.

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

4. Add the HTML block into a place you need, you can add Widgetized sidebar to any place of any page directly without HTML block.

Best Regards

Hello

Thank you with your suggestions. I tried number 3/4 which works but is limited to 15 products and displays as a list. Its good to have a fallback though.

I am going with the YITH one and just need 2 bits of css.

1) CSS to lower the product box on hover so the ‘X Remove’ can be clicked on.

https://prnt.sc/q7ui17 I found:

.woodmart-hover-base .content-product-imagin {
top: 0px;
}

(it was -15px) however this will affect all my pages also and I would just to affect this one single page. The page ID is 11077

2) CSS to increase the bottom margin as the product box cuts off https://prnt.sc/q8g15n

I have tried the bottom padding and margin for the element and row but it did not have the desired effect.

Regards

Hello,

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

body .woodmart-hover-base.hover-ready:hover .product-wrapper {
    margin-top: 50px;
}

Set the margin as per your needs.

It is not possible to assign a margin-bottom for this grid only. If I set the margin-bottom it would be applied through the whole site.

Best Regards

Hello

Thank you thats perfect

Regards

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts