Hide Cart/Basket

Hi,

more than one section by page is not recommended. If you want to show different types of articles than in the predefined categories, you’d better use custom categories.

Best
Thimo

I understand that but I’d really prefer not to create 4 pages for each design I have (Mens, Womens, Kids & Babies, Accessories).

we can hide the baskets via css. It would be easier if you post your URL to give you the right code.

The code or the URL?

Here’s the URL

https://laughingmormon.mindybollinger.com/brace-yourselves-24th-of-july-is-coming/

ok, paste into custom css of spreadplugin settings page

#spreadplugin-menu {display:none}

I don’t want to hide them all – just all but the top one…

I’m sorry, but on that page you posted I can see just one basket.

There is only one basket on that page – because that is a production page and I didn’t want to show the basket four times.

ok, would have been easier- anyway. Please try this and paste it into “Custom CSS” on spreadplugin settings page:

.spreadplugin-menu:not(:first-child) {display:none}

This doesn’t seem to work.

I then tried:

div#spreadplugin-menu.spreadplugin-menu:not(:first-child) {
display: none !Important;
}

Here’s a test page I put up with inline css:
https://laughingmormon.mindybollinger.com/test-page-3/

I don’t think that will work because each section is a new set – not just a new child element of the same set.

With this in mind, I also tried this:

.spreadplugin-menu:not(:first-of-type) {
display: none;
}

Because really, I just want to hide any additional div class of spreadplugin-menu that is not the first.

This did not work either.

ugly but works:

.spreadplugin-menu { display:none }
div:nth-of-type(3) .spreadplugin-menu { display:inline-block }

Thank you!

Can I recommend maybe making it an option to hide the basket or cart in the shortcode so that css hacks like this don’t need to be done?

after hiding it what’s not a css hack, someone could use the basket widget that comes with the plugin as an option.