Multiple Checkout routes

Payments + Shipping & Fulfilment

Topic summary

A Shopify Basic user is building a dual-purpose store: one side for gift baskets sent directly to recipients, another for standard purchases shipped to buyers themselves. They need different checkout flows but are limited by Shopify Basic’s restrictions on checkout customization.

Proposed Solutions:

  • Option 1: Add a “This is a gift” checkbox in the cart using line item properties to collect recipient details, keeping standard checkout for non-gifts
  • Option 2: Create separate collections (e.g., “Gift Basket”) with customized product/cart templates requiring recipient info
  • Option 3: Use third-party apps like Gift Reggie or Gifty to handle gift-specific information collection

Implementation Challenge:

The original poster struggled with placing Liquid code, initially attempting edits in cart-drawer.liquid. Guidance was provided to locate the correct template files (product-card.liquid or product-grid-item.liquid) and insert code for custom badges and styling.

Status: The discussion remains open with the user planning to implement the suggested solutions. The consensus favors Option 1 or 2 as most feasible for Shopify Basic without requiring Shopify Plus features.

Summarized with AI on October 24. AI used: claude-sonnet-4-5-20250929.
1

Hello! We are developing a gift basket store where people buy a gift basket and send it directly to someone else (think of it as a surprise gift they will recieve on their doorstep). In the checkout I have manually edited the text saying we need the recipients address information.

However, we would also like to have a normal e-commerce store where people can buy our products directly to themselves - but on this side we would need the checkout to be the standard where they typ in their own information.

We use Shopify Basic for now. Does anyone have any ideas on how we could make this happen?

2

Hello @Helene95 ,

I hope you are well!

Basically, I know you already heard that checkout extention only works with Shopify plus. But instead of checkout, you can customize the cart page as per your requirements or you can create a form and show it to product details page where you can collect the order information and you can deliver the products with the help of the information.

3

Hi @Helene95

I understand exactly what you’re trying to achieve — having two checkout flows in Shopify: one for sending gifts to someone else, and one for standard purchases to the buyer themselves. Here’s how you can make this work on Shopify Basic:

Option 1: Use a “Gift Recipient” checkbox in the cart

  1. Go to Online Store → Themes → Edit Code → cart.liquid (or cart template).

  2. Add a checkbox labeled “This order is a gift for someone else” above the checkout button.

  3. Use line item properties to capture extra info (recipient name, address, message). Example:

<label>
  <input type="checkbox" name="attributes[gift]" id="gift-checkbox">
  This order is a gift for someone else
</label>

<div id="gift-info" style="display:none;">
  <label>Recipient Name</label>
  <input type="text" name="attributes[recipient_name]">

  <label>Recipient Address</label>
  <input type="text" name="attributes[recipient_address]">
</div>

<script>
document.getElementById('gift-checkbox').addEventListener('change', function() {
  document.getElementById('gift-info').style.display = this.checked ? 'block' : 'none';
});
</script>

:white_check_mark: Result:

  • Buyer sees extra fields only if it’s a gift.

  • If not checked, standard checkout flow remains.

Option 2: Use a separate “Gift Store” page or product template

  • Duplicate your gift products into a new collection called Gift Basket.

  • Customize the product page or cart template for this collection to require recipient info.

  • Normal products remain in your regular store with standard checkout.

This method is safer on Shopify Basic, as it doesn’t require advanced checkout scripting (Shopify Plus only).

Option 3: Consider a gift app (optional but easier)

  • Apps like Gift Reggie, Gifty, or Advanced Gift Options let you:

    • Collect recipient info per order

    • Offer gift messages

    • Keep standard checkout for other products

  • Works without coding and integrates easily with Shopify Basic.

:light_bulb: Tip: On Shopify Basic, the best approach is either Option 1 (checkbox + line item properties) or Option 2 (separate gift collection). This avoids touching the checkout code directly, which Shopify doesn’t allow on Basic.

4

Hey and thank you so much for all the help! I also considered option 2 if nothing else works out. I am not so familiar with the liquid code in shopify - I tried copying your code and insert it, but only found cart-drawer.liquid. and don’t quite understand where to place it. Anyhow I just placed it a bit randomly inside the code after an </> ending, but I don’t see it showing. Can you perhaps explain a bit? :slight_smile:

5

Hi! @Helene95

No worries — I completely understand, Shopify Liquid can be a bit tricky if you haven’t worked with it before. I can guide you step by step so you know exactly where to place the code.

:one: Understand the Template

  • cart-drawer.liquid is for the mini cart drawer (the pop-up cart), not the product listing on your store pages.

  • The “Salg” / discount badge needs to go in the product card template — this is usually:

    • product-card.liquid or

    • product-grid-item.liquid (depends on your theme).

These files control how each product looks in your collection or homepage grid.

:two: Locate the Badge Section

  • Inside the product card template, look for something like:
{% if product.compare_at_price > product.price %}
  <span class="sale-badge">Salg</span>
{% endif %}
  • That’s usually where your theme shows a “Sale” badge.

:three: Replace or Add the Code

  • Replace that section or add this directly inside the badge element:
{% if product.compare_at_price > product.price %}
  {% assign discount = product.compare_at_price | minus: product.price %}
  {% assign discount_percent = discount | times: 100.0 | divided_by: product.compare_at_price | round %}
  <div class="custom-sale-badge" style="background-color:#004225; color:#ffffff;">
    -{{ discount_percent }}%
  </div>
{% endif %}

:four: Make the Price Bold

  • Look for where the price is displayed in the same template:
<span class="product-price">{{ product.price | money }}</span>
  • Wrap it in <strong> like this:
<strong class="product-price">{{ product.price | money }}</strong>

:five: Preview Before Publishing

  • Always duplicate your theme first: Online Store → Themes → Actions → Duplicate.

  • Make your edits on the duplicate, then preview before going live.

6

Thank you so so much for all the help! I will look into this :slight_smile: