Troubleshooting: Template Settings Won't Save

If you're seeing an error when trying to save your bundle's template settings — don't worry. This guide covers what's happening and a workaround for adding custom CSS directly through your Shopify theme.

What's happening?

Occasionally, saving template changes (custom CSS, JavaScript, or HTML) through the Bundable app may fail with an error message like:

Something went wrong saving your template. Please try again. If this keeps happening, contact support@soviapps.com.

This is usually a temporary issue on our end. Try saving again after a few minutes. If it persists, reach out to us at support@soviapps.com and we'll fix it quickly.

Workaround: Add custom CSS via your Shopify theme

If you need to get custom styles live immediately and can't wait, you can add CSS directly to your Shopify theme. This approach targets only your bundle pages, so it won't affect the rest of your store.

Step 1: Open your theme code

1. In your Shopify admin, go to Online Store → Themes.
2. Click Actions → Edit code on your active theme.

Step 2: Edit theme.liquid

1. In the left sidebar, open Layout → theme.liquid.
2. Find the closing </head> tag.
3. Paste the following code just above </head>:

{% if request.path contains 'bundle-builder' %}
<style>
  /* Your custom bundle CSS goes here */
  .bdlr__products {
    /* Style the product grid */
  }
</style>
{% endif %}

Step 3: Add your CSS

Replace the example CSS inside the <style> tags with your own styles. The {% if request.path contains 'bundle-builder' %} condition ensures your CSS only loads on bundle pages.

Step 4: Save

Click Save in the theme editor. Your styles will be live immediately on all bundle pages.

Common CSS classes you can target

Here are some useful CSS selectors for styling your bundle pages:

• .bdlr__bundle-widget--container — the main bundle wrapper
• .bdlr__products — the product grid area
• .bdlr__products--inner — inner product grid container
• .bdlr__stepper — the multi-step navigation bar (Build-a-Box)
• .bdlr__stepper-item — individual step indicators
• .bdlr___summary-items--container — the bundle summary/cart section
• .bdlr__summary--sticky — sticky summary sidebar
• .bdlr-tier-progress — tiered discount progress bar
• .bdlr-tier-message — tiered discount status message
• .bdlr__file-upload — file upload area (if enabled)

Removing the workaround later

Once the template editor is working again, you can move your CSS back into the Bundable app's template editor and remove the code from theme.liquid. This keeps everything in one place and makes it easier to manage.

Still need help?

Email us at support@soviapps.com with your store URL and a description of the issue. We'll get back to you as soon as possible.