[Collection card] Empty collection links

[andrewetchen]

Describe the current behavior

Related to the accessibility fixes here: #1315

I didn't account for empty collection links when card_style is set to card.

Describe the expected behavior

For empty card styled collection links to not be clickable.

Version information (Dawn, browsers and operating systems)

• Dawn Version: 4.0.0, 5.0.0
• Chrome Version 100.0.4896.127
• macOS Version 12.3.1

Possible solution

In the card-collection.liquid snippet, change:

{% if settings.card_style == 'card' or card_collection.featured_image %} 
  ...
    <a href="{{ card_collection.url }}" class="full-unstyled-link">

... to this:

{% if settings.card_style == 'card' or card_collection.featured_image %} 
  ...
    <a{% if card_collection == blank %} role="link" aria-disabled="true"{% else %} href="{{ card_collection.url }}"{% endif %} class="full-unstyled-link">

Additional context/screenshots

Before

dawn_card-collection_empty--links-with-card-style-cards.mp4

With the above fix

dawn_card-collection_empty--links-with-card-style-cards-fix.mp4