Display Product-Wise Available Delivery Methods in Cart

You'll display available delivery methods for each product in your cart, helping customers make informed decisions before checkout.

This feature shows customers which delivery options are available for each product, reducing support questions and improving the shopping experience.

What You'll Accomplish

Your cart will display delivery method indicators like "Pickup Available" or "Local Delivery Available" next to each product, based on the product tags you've configured.

Setup Process

Step 1: Add Delivery Method Tags to Products

1. Navigate to Products in your Shopify admin
2. Open the product you want to configure
3. Add delivery method tags in the Tags field:

• pick up for pickup availability
• local delivery for local delivery availability
• Courier for shipping availability

Step 2: Access Theme Customizer

1. Go to Online Store → Themes
2. Click ••• on your active theme
3. Click Edit code in the menu that pops up

Step 3: Locate Cart Template

1. The theme editor window will open
2. Use the Search files box to find your cart template
3. Look for files named:

• cart.liquid
• cart.js
• cart-template.liquid
• cart.liquid.js

Step 4: Add Delivery Method Code

1. Click on your cart template file
2. Find the cart details section (varies by theme)
3. Add this code snippet before the checkout section or cart totals
4. Click Save to apply your changes

Need help? Contact our support team for assistance with theme-specific placement.

{% if item.product.tags contains "pick up" %}
         <p style="color:green"><strong>Pickup Available</strong></p>
{% endif %}
{% if item.product.tags contains "local delivery" %}
         <p style="color:green"><strong>Local Delivery Available</strong></p>
{% endif %}
{% if item.product.tags contains "Courier" %}
         <p style="color:green"><strong>Shipping Available</strong></p>
{% endif %}

That's it! Your cart will now display available delivery methods for each product based on their tags.

How It Works

The code checks each product's tags and displays the appropriate delivery method indicator:

• Products tagged with pick up show "Pickup Available"
• Products tagged with local delivery show "Local Delivery Available"
• Products tagged with Courier show "Shipping Available"

Customization Options

You can modify the display by:

• Changing the text labels in the code
• Adjusting the color by modifying color:green
• Adding additional delivery method tags as needed

FAQs

Can I use different tag names?

Yes, you can modify the tag names in the code to match your existing product tags. Just update the contains values in the liquid code.

Will this affect my existing cart functionality?

No, this code only adds display elements and doesn't interfere with your cart's core functionality or Bird Pickup & Delivery app features.

Can I show multiple delivery methods for one product?

Yes, if a product has multiple delivery method tags, all applicable indicators will display.

What if I want to change the styling?

You can modify the inline CSS in the <p> tags or add custom CSS classes to your theme for more advanced styling.

For more general questions, see our main FAQs page.

Related Articles

• Configure Cart Type for Bird Pickup & Delivery App - Configure the app for cart page use and customize display options

Complete Guide to Customizing Your Bird Pickup & Delivery Widget Design - Style your delivery widget appearance

• How to Manually Position Your Pickup & Delivery Widget - Place the widget exactly where you want it

Updated on: 09/27/2025