We’re Blend Commerce

Contact our team using the options below

hello@blendcommerce.com
+44 (0) 1789 765 822
+1 (833) 456-4236

Courtyard Offices, 55 High St, Alcester B49 5AF

Search our shop

    We’re Blend Commerce

    Getting in Touch

    Contact our team using the options below

    hello@blendcommerce.com
    +44 (0) 1789 765 822
    +1 (833) 456-4236

    Courtyard Offices, 55 High St, Alcester B49 5AF

    There are two ways to install the the details index to your store. Both start out with you login into the development store Blend Commerce Code (BCC - https://blend-commerce-code.myshopify.com/admin/themes) and downloading the live theme which contains the latest version of Turbo with the details index installed.

    New store

    Simply click "upload theme" on the themes section of the store you wish to install BlendPages on. This will give you a fresh version of Turbo up to date with BlendPages.

    Existing store

    This is how to install the details index on a store which already has customisations. If the store is not up to date use one of the backups on the BCC development store closest to the version. It is recommended to download the theme of the not only the Turbo with details index but also the theme you are working on. Once the themes are downloaded, copy across all files the following files or that fit into this category:

    • Files prepended with “bc__” (including files prepended with “bc__s-”)
    • Sections that contain “page-details-index-template”
    • Templates that contain “page.details-index”
    • Assets that containing lity (lity.css & lity.js)

    Once you have done this you can upload the theme back onto the store as now all you need to do is link a couple stylesheets and JavaScript files.


    In the theme.liquid search for Stylesheets for Turbo and then paste the two following lines:

    {{ 'lity.css' | asset_url | stylesheet_tag }}

    {{ 'bc__stylesheet.scss.css' | asset_url | stylesheet_tag }}


    Then search for app.js and paste in this single line:

    <script src="{{ 'lity.js' | asset_url }}"></script>

    About the author

    Let's achieve better Shopify store performance. Together.

    We help clients achieve significant results. On average, clients who work with Blend on design & development projects for their Shopify store achieve these results after 3 months: