Skip to main content
All CollectionsBackorders
Backorder Setup Guide
Backorder Setup Guide
Sophia avatar
Written by Sophia
Updated over 8 months ago

Welcome to the Backorder Step Guide. In this guide, we'll walk you through the process of setting up backorders on your Shopify store.

Step 0: Navigate to the Themes Page

To begin, access the Themes page on your Shopify Admin. This is where you can manage your store's themes and make necessary changes.

Step 1: Activate Backorder

  1. Click "Customize Theme."

  2. Select "App Embed."

  3. Activate the "Pre-order" toggle.

Step 2: Update the Product Template

  1. Go to the product template.

  2. Add a "Pre-order shipment date" block.

  3. Save the theme.

Step 3: Add Extension to Shopping Cart

  1. Visit the Cart Template.

  2. Add the Cart Embed.

  3. Save the theme.

Step 4: Paste Code into fabrik-api.liquid File

  1. Select theme and click “Edit Code”

2. Add a new section as “fabrik-api”

3. Paste the code into “fabrik-api.liquid” file

{% schema %}
{
"name": "Fabrikator Section",
"templates": ["product"],
"settings": [],
"presets": [
{
"name": "Fabrik Api",
"category": "Custom"
}
]
}
{% endschema %}

{% assign backorder_variants_json = "" %}

{% for variant in product.variants %}
{% if variant.inventory_quantity <= 0 and variant.inventory_policy == "continue" and variant.metafields.fabrikator.next_available_date %}
{% assign variant_id = variant.id %}
{% capture shipment_note %}{% if block.settings.shipmentInfoText.size > 0 %}{{ block.settings.shipmentInfoText }}{% else %}Shipment starts on{% endif %} {{ variant.metafields.fabrikator.next_available_date | date }}{% endcapture %}
{% assign backorder_id = variant.metafields.fabrikator.backorder_id %}

{% capture variant_json %}
{"id":"{{ variant_id }}", "shipment_note":"{{ shipment_note }}", "backorder_id": "{{ backorder_id }}"}
{% endcapture %}

{% assign backorder_variants_json = backorder_variants_json | append: variant_json | append: ',' %}
{% endif %}
{% endfor %}

{% assign backorder_variants_json = backorder_variants_json | remove_last: ',' %}

<script type='application/json' id='backorder-data'>
{
"FABRIKATOR_BACKORDER_VARIANTS_SECTION_PAYLOAD": [{{ backorder_variants_json }}]
}
</script>

4. Save the changes


Which Shopify themes does Fabrikatör support?

Fabrikatör's backorder feature is compatible with Shopify Online Theme 2.0 based themes.

Did this answer your question?