Hey friends! I'm working on a project that runs a few landing pages from our main store that are isolated from the other products/collections - our smart cart has recommendations, though, and I want to hide the recommendations widget if the cart is opened on a specific page (either by clicking the cart icon or adding an item to the cart from one of the landing pages) - is there a way to do this? I'm thinking it might be possible with the A/B testing feature but if anyone has any recommendations I'm all ears. Thanks!
Kyle Wheeler I think you should be able to do this via data source rules guided by UTM parameters! We should specific recs based on paid social landing page URL's, so I think you should be able to execute something similar
I can think of 2 quick ways to do that.
Data source approach.
Use URL rules to track those pages and not return any products. (see image)
No products returned = no widget visible.
Use exit if matched to make sure no other rules can still match.
Use CSS to hide the widget(s).
On those landing pages, add a unique classname to the body element (for example). Then add CSS to the widget that hides it when that element is present.
.landing-page #rebuy-widget-XXX { display: none; }
This CSS would hide the widget with ID XXX if the classname .landing-page is present on that page.
Nice! thank you both!
