BERNINA Overlocker/Serger Foldable Tote | bernina.thequiltyshop.com

{{#if useBlockLayout}}
    <div class="pdp-product-page pdp-blocks pdp-product-card">
        <input type="hidden" id="selectedSubId" name="sub_id" value="{{activeSub.id}}" />
        {{#each orderedRows}}
        <div class="pdp-row pdp-justify-{{justify}}">
            {{#each blocks}}
            <div class="pdp-block pdp-block-{{type}}">
            {{#if isBrand}}{{#if @root.brandName}}<div class="pdp-brand-eyebrow">{{@root.brandName}}</div>{{/if}}{{/if}}
            {{#if isTitle}}<h1 class="pdp-product-title">{{@root.name}}</h1>{{/if}}
            {{#if isSubtitle}}{{#if @root.details1}}<div class="pdp-product-subtitle">{{{@root.details1}}}</div>{{/if}}{{/if}}
            {{#if isBadge}}{{#if @root.stockBadge}}<div class="pdp-stock-badge {{@root.stockBadge.cls}}">{{@root.stockBadge.label}}</div>{{else}}{{#if @root.kickerText}}<div class="pdp-selected-product-title">{{@root.kickerText}}</div>{{/if}}{{/if}}{{/if}}
            {{#if isPromoSale}}{{{@root.promoSaleHtml}}}{{/if}}
            {{#if isPromoNew}}{{{@root.promoNewHtml}}}{{/if}}
            {{#if isVariants}}{{#if @root.showVariantChooser}}
            <div class="pdp-card-kicker">Choose Your Options</div>
            <div class="pdp-fields">
                {{#each @root.variantUi.groups}}
                <div class="pdp-field" data-group-id="{{id}}">
                    <label class="pdp-field-label" for="variant-{{id}}-{{@root.instanceId}}">{{title}}</label>
                    {{#if uiIsButton}}
                    <div class="pdp-variant-options" data-group-id="{{id}}" data-group-index="{{index}}">
                        {{#each options}}
                        <button type="button" class="pdp-variant-option{{#if selected}} is-selected{{/if}}" data-group-id="{{../id}}" data-group-index="{{../index}}" data-value="{{value}}">{{variantOptionLabel value}}</button>
                        {{/each}}
                    </div>
                    {{else}}
                    {{#if uiIsRadio}}
                    <div class="pdp-variant-radios" data-group-id="{{id}}" data-group-index="{{index}}">
                        {{#each options}}
                        <label class="pdp-variant-radio"><input type="radio" class="js-pdp-variant-input" name="variant-radio-{{../id}}" data-group-id="{{../id}}" data-group-index="{{../index}}" value="{{value}}" {{#if selected}}checked="checked"{{/if}}> {{variantOptionLabel value}}</label>
                        {{/each}}
                    </div>
                    {{else}}
                    <select id="variant-{{id}}-{{@root.instanceId}}" class="form-select js-pdp-variant-select js-pdp-variant-input pdp-field-select" data-group-id="{{id}}" data-group-index="{{index}}" {{{disabledAttr disabled}}}>
                        {{#if options.length}}{{#each options}}<option value="{{value}}" {{{selectedAttr value ../selectedValue}}}>{{variantOptionLabel value}}</option>{{/each}}{{else}}<option value="">{{emptyLabel}}</option>{{/if}}
                    </select>
                    {{/if}}
                    {{/if}}
                </div>
                {{/each}}
            </div>
            {{/if}}{{/if}}
            {{#if isMeta}}{{{@root.variantSummaryHtml}}}{{/if}}
            {{#if isPrice}}{{#if @root.activeSub.id}}<div id="pdp-price" class="pdp-price"></div>{{/if}}{{/if}}
            {{#if isSubscription}}{{{@root.subscriptionRowHtml}}}{{/if}}
            {{#if isCart}}{{#if @root.activeSub.id}}{{#if @root.canPurchase}}<button aria-label="add to cart" data-sku-id="{{@root.activeSub.id}}" class="btn btn-primary cart add-to-cart sit-down-add-cart pdp-add-to-cart">{{@root.buttonLabel}}</button>{{else}}{{{@root.unavailableHtml}}}{{/if}}{{/if}}{{/if}}
            {{#if isQty}}{{{@root.qtyRowHtml}}}{{/if}}
            {{#if isSku}}{{#if @root.activeSub.sku}}<div class="pdp-sku">{{@root.skuLabelText}} {{@root.activeSub.sku}}</div>{{/if}}{{/if}}
            {{#if isAddOns}}{{#if @root.activeSub.id}}{{#if @root.addOnItems.length}}<div class="pdp-addons">{{#each @root.addOnItems}}{{#if included}}<div class="pdp-addon pdp-addon-offer pdp-addon-included"><span class="pdp-addon-included-mark">{{pillText}}</span><span class="pdp-addon-label">{{#if offerHtml}}{{{offerHtml}}}{{else}}{{label}}{{/if}}</span></div>{{else}}<label class="pdp-addon{{#if offer}} pdp-addon-offer{{/if}}"><input type="checkbox" class="js-pdp-addon" data-subproduct-id="{{id}}"><span class="pdp-addon-label">{{#if offerHtml}}{{{offerHtml}}}{{else}}{{label}}{{/if}}</span>{{#if detail}}<span class="pdp-addon-detail">{{detail}}</span>{{/if}}</label>{{/if}}{{/each}}</div><div class="pdp-addon-feedback" role="status" aria-live="polite" style="display:none"></div>{{/if}}{{/if}}{{/if}}
            {{#if isContent}}{{#if contentHtml}}<div class="pdp-product-content pdp-content-{{type}}">{{{contentHtml}}}</div>{{/if}}{{/if}}
            </div>
            {{/each}}
        </div>
        {{/each}}
        {{#unless activeSub.id}}
        <div class="pdp-selected-product pdp-empty-state">
            <div class="pdp-selected-product-title">{{emptyTitle}}</div>
            <div class="pdp-summary-value">{{emptyText}}</div>
        </div>
        {{/unless}}
    </div>
    {{else}}
    <div class="pdp-product-page">
        <div class="pdp-product-header">
            {{#if showBrandEyebrow}}
            <div class="pdp-brand-eyebrow">{{brandName}}</div>
            {{/if}}

{{{promoBadgesHtml}}}

{{#if details1}}
            <div class="pdp-product-subtitle">{{{details1}}}</div>
            {{/if}}

{{#if skuUnderTitle}}
            <div class="pdp-sku pdp-sku-under-title">{{skuLabelText}} {{skuValue}}</div>
            {{/if}}
        </div>

<div class="pdp-product-card">
            {{#if stockBadge}}
            <div class="pdp-stock-badge {{stockBadge.cls}}">{{stockBadge.label}}</div>
            {{/if}}

{{#if showVariantChooser}}
            <div class="pdp-card-kicker">Choose Your Options</div>
            <div class="pdp-fields">
                {{#each variantUi.groups}}
                <div class="pdp-field" data-group-id="{{id}}">
                    <label class="pdp-field-label" for="variant-{{id}}-{{@root.instanceId}}">{{title}}</label>

{{#if uiIsButton}}
                    <div class="pdp-variant-options" data-group-id="{{id}}" data-group-index="{{index}}">
                        {{#each options}}
                        <button type="button"
                                class="pdp-variant-option{{#if selected}} is-selected{{/if}}"
                                data-group-id="{{../id}}"
                                data-group-index="{{../index}}"
                                data-value="{{value}}">
                            {{variantOptionLabel value}}
                        </button>
                        {{/each}}
                    </div>
                    {{else}}
                    {{#if uiIsRadio}}
                    <div class="pdp-variant-radios" data-group-id="{{id}}" data-group-index="{{index}}">
                        {{#each options}}
                        <label class="pdp-variant-radio">
                            <input type="radio"
                                   class="js-pdp-variant-input"
                                   name="variant-radio-{{../id}}"
                                   data-group-id="{{../id}}"
                                   data-group-index="{{../index}}"
                                   value="{{value}}"
                                   {{#if selected}}checked="checked"{{/if}}>
                            {{variantOptionLabel value}}
                        </label>
                        {{/each}}
                    </div>
                    {{else}}
                    <select
                            id="variant-{{id}}-{{@root.instanceId}}"
                            class="form-select js-pdp-variant-select js-pdp-variant-input pdp-field-select"
                            data-group-id="{{id}}"
                            data-group-index="{{index}}"
                            {{{disabledAttr disabled}}}>
                        {{#if options.length}}
                        {{#each options}}
                        <option value="{{value}}" {{{selectedAttr value ../selectedValue}}}>
                            {{variantOptionLabel value}}
                        </option>
                        {{/each}}
                        {{else}}
                        <option value="">{{emptyLabel}}</option>
                        {{/if}}
                    </select>
                    {{/if}}
                    {{/if}}
                </div>
                {{/each}}
            </div>
            {{/if}}

{{#if activeSub.id}}
            <div id="variant-meta" class="pdp-variant-summary">
                {{{variantMetaHtml}}}
            </div>

{{#if addOnItems.length}}
            <div class="pdp-addons">
                {{#each addOnItems}}
                {{#if included}}
                <div class="pdp-addon pdp-addon-offer pdp-addon-included">
                    <span class="pdp-addon-included-mark">{{pillText}}</span>
                    <span class="pdp-addon-label">{{#if offerHtml}}{{{offerHtml}}}{{else}}{{label}}{{/if}}</span>
                </div>
                {{else}}
                <label class="pdp-addon{{#if offer}} pdp-addon-offer{{/if}}">
                    <input type="checkbox" class="js-pdp-addon" data-subproduct-id="{{id}}">
                    <span class="pdp-addon-label">{{#if offerHtml}}{{{offerHtml}}}{{else}}{{label}}{{/if}}</span>
                    {{#if detail}}<span class="pdp-addon-detail">{{detail}}</span>{{/if}}
                </label>
                {{/if}}
                {{/each}}
            </div>
            <div class="pdp-addon-feedback" role="status" aria-live="polite" style="display:none"></div>
            {{/if}}

{{{subscriptionRowHtml}}}

{{#if canPurchase}}
                <button
                        aria-label="add to cart"
                        data-sku-id="{{activeSub.id}}"
                        class="btn btn-primary cart add-to-cart sit-down-add-cart pdp-add-to-cart">
                    {{buttonLabel}}
                </button>
                {{else}}
                {{{unavailableHtml}}}
                {{/if}}
            </div>

{{#if skuUnderPrice}}
            <div class="pdp-sku pdp-sku-under-price">{{skuLabelText}} {{skuValue}}</div>
            {{/if}}
            {{else}}
            <div class="pdp-selected-product pdp-empty-state">
                <div class="pdp-selected-product-title">{{emptyTitle}}</div>
                <div class="pdp-summary-value">{{emptyText}}</div>
            </div>
            {{/if}}
        </div>
    </div>
    {{/if}}

Introducing the NEW BERNINA Tote, the perfect travel companion for your BERNINA L 6 or L 8 serger! Designed with convenience and protection in mind, this premium tote features 360-degree locking wheels for effortless maneuverability and stability wherever you go. It conveniently zips flat for easy storage when not in use, saving valuable space.

The innovative design includes a top section that, when opened, is securely held in place by the handle, providing quick and easy access to your machine while keeping it safe and secure during transport. Multiple storage pockets offer plenty of space for all your supplies, making it ideal for sewing classes, retreats, and club meetings. No matter where you’re going, the new BERNINA Tote makes transporting your machine and supplies easier than ever.

Sewing Accessories

Embroidery Accessories

Overlocker / Serger Accessories