Broadcast v6.2 has been released - Learn more about
What's new
Broadcast Documentation
NewSupport
Latest version
Latest version
  • About Broadcast
    • Broadcast theme documentation
    • Feature requests
  • Updates
    • What's new in Broadcast
      • Release Notes
      • About v6.2 release
      • About v6.1 release
      • About v6.0 release
      • About v5.8 release
      • About v5.7 release
      • About v5.6 release
      • About v5.5 release
      • About v5.4 release
      • About v5.3 release
      • About v5.2 release
      • About v5.1 release
      • About v5.0 release
      • About v4.0 release
  • Sections
    • Broadcast sections
      • Demo store sections
      • Accordion
        • Text column block
        • Image column block
        • Icon column block
        • Custom code block
        • Contact form block
      • Accordion group
        • Heading block
        • Question block
      • Before and After
        • Heading block
        • Subheading block
        • Text block
        • Button block
      • Blog posts
      • Collection list
        • Collection block
      • Collection list hover
        • Collection block
      • Countdown timer
        • Subheading block
        • Heading block
        • Text block
        • Buttons block
      • Contact form
        • Email block
        • Message block
        • Text line block
        • Text area block
        • Telephone block
        • Heading block
        • Spacer block
        • Single checkbox block
        • Select dropdown block
        • Radio buttons block
      • Custom code
      • Custom content
        • Image block
        • Text block
        • Newsletter block
        • Testimonial block
        • Product block
        • Video block
        • Collection block
        • Before and after block
      • Divider
      • Featured blog posts
        • Featured post block
      • Featured collection
      • Featured product
      • Highlights
        • Highlight block
      • Image banner
      • Image with scrolling text
      • Image with text
      • Image with text slider
      • Map
      • Multicolumn
      • Newsletter
      • Press logos
      • Products with image
      • Rich text
      • Rich text with columns
      • Scrolling text
      • Shop the look
      • Sidebar
      • Slideshow
      • Tab collections
      • Testimonials
      • Text columns with icons
      • Text columns with images
      • Text promo
      • Text with products
      • Timeline
      • Video
  • Theme settings
    • Theme settings
      • Colors
      • Typography
      • Buttons
      • Layout
      • Search
      • Social media
      • Product Grid
      • Product Form
      • Cart
  • Header
    • Announcement bar
      • Announcement bar settings
      • Free shipping message
      • Countdown timer
      • Text announcement
      • Custom code
      • Target settings
    • Header
      • Demo store header settings
      • Header section
      • Navigation images
      • Quantity indicators
      • Transparent header
      • Header icons
      • Social icons
      • Sticky header
      • Target settings
    • Toolbar
      • Header toolbar
      • Video walkthrough
    • Mobile menu
      • Getting started
      • Mobile menu blocks
  • Footer
    • Footer settings
    • Footer blocks
      • Link list
      • Newsletter
      • Social
      • Text
      • Page
  • Products
    • Product pages
      • Accordion section
      • Custom form field
      • FAQ Accordions
      • Final Sale
      • Free products
      • Low inventory message
      • Out-of-stock notification
      • Pre-order using metafields
      • Pre-order products using tags
      • Related products
      • Sale items
      • Settings and layout
      • Siblings
      • Size charts
      • Swatches (Updated)
      • Swatch collection styles
      • Tabs and accordions
      • Tab content using metafields
      • Unique image banners
      • Upselling
      • Variant images
  • Product Theme Blocks
    • Title
    • Price
    • Variant picker
    • Buy buttons
    • Siblings
    • Description
    • Upsell
    • Inventory countdown
    • Sharing
    • Local pickup
    • Text
    • Custom code
    • Icon
    • Divider
    • Line item property
    • Feature
    • Complementary products
    • Popup
  • Collections
    • Collection pages
      • Collection page settings
      • Swatch collection styles
      • Product badges
      • Product badges with metafields
      • Product filtering
      • Quick add
      • Sub-collections
      • Cutline second line
      • Featured image
  • Pages
    • Page templates
      • Demo store about page
      • Creating page templates
      • Page section
      • About page templates
  • Blogs
    • Blogs and articles
      • About blogs and articles
      • Featured posts
      • Article page
      • Product links in blog posts
      • Article theme blocks
  • Overlay
    • Popups
      • Popups Theme Blocks
      • Large newsletter
      • Text promo
      • Small newsletter
      • Cookie consent
      • Coupon codes
      • Popup Behavior and Target
  • Promotions
    • Upselling
      • Upselling with metafields
      • Upselling with tags
  • Siblings
    • Product siblings
      • About product siblings
      • How to setup siblings
      • Siblings metafields
      • Siblings color
      • Siblings collection
      • Siblings product setup
      • Siblings block
      • Customizations
  • FAQ
    • Frequently asked questions
      • How to update Broadcast
      • Default theme content
      • Share preview link
      • Hiding prices
      • How to use sections
      • Section blocks
      • How to remove Powered by Shopify
      • Improving the speed of your site
      • How to prevent your images from getting cropped
      • Check your theme version
      • CSS customizations
  • License
    • Theme license
  • Support
    • Contacting support
    • Hire a Shopify Expert
    • Missing Cart Drawer after Updating
Powered by GitBook
On this page
  • Option 1 - The easiest method
  • How to - Video for the easiest method
  • Code used in the video:
  • Option 2 - Add only the Cart Drawer code
  • How to
Export as PDF
  1. Support

Missing Cart Drawer after Updating

Important information about updating to v5.5 with the Shopify Update Tool

PreviousHire a Shopify Expert

You may find the Cart drawer missing after completing the update process when using the Shopify Auto-Update tool. This only occurs with the new Updated theme and will never affect your Live theme.

If your Updated theme is missing the Cart Drawer from the Overlay section, you can contact our support team and provide us access to your store. We can manually add that Cart Drawer to the updated theme's overlay section.

Contact support team >

Another option is to manually reset the Overlay section by replacing the code with our source code. This will bring back the Cart Drawer. If you are comfortable using the Code Editor in your Shopify Admin, we have two options to fix the missing Cart Drawer.

Option 1 - The easiest method

With this method, you copy a fresh version of the source code and replace the code in your updated theme.

Benefits:

  • Simplest method

  • Quick

  • Requires minimal code editor experience

Drawbacks:

  • Overwrites existing Overlay sections for Cookie consent, popup newsletters and promotions.

How to - Video for the easiest method

Here is a video step-by-step for the easy method:

Code used in the video:

Group-overlay.json code

Copy this source code to replace the existing version in your theme:

{
  "type": "aside",
  "name": "Overlay",
  "sections": {
    "cookie": {
      "type": "overlay-cookie",
      "settings": {
        "show_cookies_popup": true,
        "position": "popup-cookies--left"
      }
    },
    "cart-drawer": {
      "type": "cart-drawer",
      "blocks": {
        "cart-message": {
          "type": "cart-message",
          "settings": {
          }
        },
        "title": {
          "type": "title",
          "settings": {
          }
        },
        "free-shipping": {
          "type": "free-shipping",
          "settings": {
            "message": "You are ||amount|| away from free shipping.",
            "free_shipping_gradient": ""
          }
        },
        "order-note": {
          "type": "order-note",
          "disabled": true,
          "settings": {
          }
        },
        "gift-note": {
          "type": "gift-note",
          "settings": {
          }
        },
        "products": {
          "type": "products",
          "settings": {
          }
        },
        "upsell-products": {
          "type": "upsell-products",
          "settings": {
          }
        },
        "checkout-buttons": {
          "type": "checkout-buttons",
          "settings": {
          }
        }
      },
      "block_order": [
        "cart-message",
        "title",
        "free-shipping",
        "products",
        "upsell-products",
        "order-note",
        "gift-note",
        "checkout-buttons"
      ],
      "settings": {
      }
    }
  },
  "order": [
    "cookie",
    "cart-drawer"
  ]
}

Use the above code to replace the existing code of your Updated theme.

Steps covered in the video:

  • After opening the code editor, find the file: group-overlay.json

  • Select all the code in the code area on the right. Erase all the code.

  • Next, paste the new source code from the above code snippet

  • Save the changes in the code editor.

Option 2 - Add only the Cart Drawer code

This method is for more advanced users who are familiar with JSON files.

In this step, we'll add the required Cart Drawer code to the group-overlay.json file, preserving the existing Overlay sections.

How to

The following code is only for the Cart Drawer section. Copy this code snippet and then place it in the correct position of the JSON file.

"cart-drawer": {
  "type": "cart-drawer",
  "blocks": {
    "cart-message": {
      "type": "cart-message"
    },
    "title": {
      "type": "title"
    },
    "free-shipping": {
      "type": "free-shipping",
      "settings": {
        "message": "You are ||amount|| away from free shipping.",
        "free_shipping_gradient": ""
      }
    },
    "order-note": {
      "type": "order-note",
      "disabled": true,
      "settings": {
      }
    },
    "gift-note": {
      "type": "gift-note",
      "settings": {
      }
    },
    "products": {
      "type": "products",
      "settings": {
      }
    },
    "upsell-products": {
      "type": "upsell-products",
      "settings": {
      }
    },
    "checkout-buttons": {
      "type": "checkout-buttons"
    }
  },
  "block_order": [
    "cart-message",
    "title",
    "free-shipping",
    "products",
    "upsell-products",
    "order-note",
    "gift-note",
    "checkout-buttons"
  ]
},

In the group-overlay.json file, make a new line right after sections (line 4) and paste in the code:

Next, make a new line break and add the new section "cart-drawer" to the order in which you want it to appear:

Note: A comma is required after "card-drawer"except when it's the last item. If you place it after the "cookie" line, be sure a comma is added, as shown above.

  • Save the code editor changes.

Now that the section has been added, you will find it as part of your group overlay sections in the theme editor.

Use the "Tab" key to format the code if you want to.
Always check for commas.