How to add featured collection to cart drawer? (Focal Theme)

Store Design

Topic summary

Goal: show a featured collection inside the cart drawer (mini-cart) in the Focal Shopify theme instead of the default product recommendations.

Current behavior: the cart drawer supports only a “recommended products” section. A Liquid snippet is provided showing cart-drawer-recommendations, which:

  • Excludes items already in the cart and caps display to 6 products.
  • Shows a configurable heading and a loading spinner until recommendations are ready.

Request: replace the recommendations block with a featured collection (i.e., statically chosen collection products) in the cart drawer.

Updates:

  • A helper requested the store URL; the requester shared it via direct message.
  • Additional participants asked if a solution was found and expressed interest in the same modification.

Notes: the posted code snippet is central to the request, as it defines the current recommendations logic that would need to be swapped for collection rendering.

Status: no public solution or code example has been provided yet; the thread remains open with unanswered implementation details on how to render a featured collection in place of recommendations.

Summarized with AI on January 8. AI used: gpt-5.
1

Hey there!

I would like to use the cart drawer instead of the cart page, but in the Focal theme, it is currently not possible to display the featured collection in the cart drawer (only available on the cart page).

Currently, the cart drawer can only have recommended products section. Code for the recommended product section:

{%- if section.settings.show_recommendations -%}

{%- assign acceptable_recommendations_count = 0 -%}

{%- for product in recommendations.products -%}
{%- assign matching_product = cart.items | where: ‘product_id’, product.id | first -%}

{%- if matching_product == blank -%}
{%- assign acceptable_recommendations_count = acceptable_recommendations_count | plus: 1 -%}
{%- endif -%}
{%- endfor -%}

{%- if recommendations.performed -%}
{%- if acceptable_recommendations_count > 0 -%}

{%- if section.settings.recommendations_title != blank -%}

{{ section.settings.recommendations_title | escape }}

{{ section.settings.recommendations_title | escape }}

{%- endif -%}
{%- assign shown_products_count = 0 -%}

{%- for product in recommendations.products -%}
{%- if shown_products_count >= 6 -%}
{%- break -%}
{%- endif -%}

{%- assign matching_product = cart.items | where: ‘product_id’, product.id -%}

{%- if matching_product.size == 0 -%}
{%- assign shown_products_count = shown_products_count | plus: 1 -%}
{%- render ‘product-item’, product: product, reduced_content: true, reduced_font_size: true, hide_secondary_image: true, sizes_attribute: ‘(max-width: 740px) 65px, 92px’ -%}
{%- endif -%}
{%- endfor -%}

{%- endif -%} {%- else -%}
{%- render 'icon' with 'spinner', stroke_width: 3, width: 40, height: 40 -%}
{%- endif -%} {%- endif -%}

Would it be somehow possible to replace these recommended products with just a featured collection?

Any help on this is highly appreciated!

1 Like
2

@BTCPJL

can you please share store url

3

Sent store link as dm

4

Hi there - looking to do the same - did you find a solution to this?

5

Ciao,

interested in the same solution.
Can you help?

Pietro