How can I disable the link block in the menu for a category without products in Webflow?

Published on
September 22, 2023

To disable the link block in the menu for a category without products in Webflow, you can follow these steps:

  1. Identify the category without products in your Webflow website.
  2. Open the Webflow Designer and go to the page where the menu is located.
  3. Select the menu element that contains the link to the category without products.
  4. In the right sidebar, under the Element settings panel, you will find a section called Display settings.
  5. In the Display settings, you can use conditional visibility to hide the link block when there are no products in the category.
  6. Click on the "+" icon next to the Conditional Visibility option to add a new condition.
  7. Choose the condition that best fits your scenario. For example, you can select "If CMS Collection List is empty" or "If CMS Collection Count is equal to 0".
  8. Once you have chosen the condition, you can select what action to take when the condition is met. In this case, you want to hide the link block, so select the "Display none" action.
  9. Save your changes and preview your website to see the link block being disabled for the category without products.

By following these steps, you can easily disable the link block in the menu for a category without products in Webflow. This can help improve the usability and user experience of your website by avoiding dead-end links.

Additional Questions:

  1. How can I enable the link block in the menu for a category with products in Webflow?
  2. Can I add custom animations to link blocks in Webflow?
  3. What other conditional visibility options can I use in Webflow?