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
Click "Customize Theme."
Select "App Embed."
Activate the "Pre-order" toggle.
Step 2: Update the Product Template
Go to the product template.
Add a "Pre-order shipment date" block.
Save the theme.
Step 3: Add Extension to Shopping Cart
Visit the Cart Template.
Add the Cart Embed.
Save the theme.
Step 4: Paste Code into fabrik-api.liquid File
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.