How can I make a collection unclickable on my Dawn themed website?

[jakegrieveson]

I have made a collection page for my 2 types of products, and i am still working on my clothing section and products. So how do i make this section unclickable? I still want the collection there just for customers not be able to click it. I will undo this when i am ready for it to be active. What code can do this?

Theme: Dawn

Website: desire-online.net

[PaulNewton]

Fortunately , at least for modern browsers, you can disable clicking with CSS.

First make a very obvious obnoxious unlosable note somewhere that you have done this. 

In the theme editor go to the collection templates and add the following custom-css

https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css 

[href="/collections/clothing"] {
 pointer-events: none;
}

FYI: /collections/room-decor has no products in it .

[INA_MSWEB]

Hi @jakegrieveson 

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the base.css file:
.collection-list-wrapper .collection-list .collection-list__item .full-unstyled-link {pointer-events: none;}

Regards,

San

[PageFly-Richard]

Hi @jakegrieveson 

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css

.card-wrapper.animate-arrow.collection-card-wrapper {
    pointer-events: none !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly