Slots: where plugins render: the parts, in plain words

103 parts and 10 phrases. Apps in this area include Shopify theme app extensions, Shopify checkout UI extensions, Shopify customer account UI extensions, Shopify admin UI extensions, BigCommerce widgets.

Storefront slotsstorefront.slotShowPlaces on the shop's own pages that every visitor sees.

Every storefront pagestorefront.slot.globalShowPlaces that appear on every storefront page, outside the page's own content.

How to extend

SlotMany side by sideSeveral plugins can render in a page-wide slot at once, in the order the owner sets.

Part	Litestore today	How to extend
Page head`storefront.slot.global.head`The page's head tag, where tracking scripts, verification tags and structured data load without showing anything.	Core`modules/analytics/consent-gated-trackers.tsx`	Slot · many
Consent banner`storefront.slot.global.consent`The cookie banner area that loads before any tracking script and records what the visitor accepts.	Core`modules/analytics/cookie-consent.tsx`	Slot · many
Above the header`storefront.slot.global.above_header`The thin strip above the header that shows a short store-wide message, such as a sale or free-shipping line.	Core`modules/storefront/shell/announcement-surface.tsx`	Slot · many
Header`storefront.slot.global.header`The top bar with the logo, menu, search and cart icon, where a plugin adds an icon or a link.	Core`modules/storefront/shell/header.tsx`	Slot · many
Below the header`storefront.slot.global.below_header`A full-width band under the header and above the page content, used for alerts and trust lines.	Planned	Slot · many
Footer`storefront.slot.global.footer`The bottom of every page with link columns, the newsletter signup, trust badges and payment icons.	Core`modules/storefront/shell/footer.tsx`	Slot · many
Mobile bottom bar`storefront.slot.global.mobile_nav`The bar of tabs fixed to the bottom of the screen on phones.	Core`modules/storefront/shell/mobile-bottom-nav.tsx`	Slot · many
Overlay on first visit`storefront.slot.global.overlay`A layer over the page, such as a popup with a signup offer, shown on a visitor's first visit or on a set rule.	Planned	Slot · many
Floating corner`storefront.slot.global.floating`A small button fixed to a corner of the screen, such as a chat bubble or a rewards launcher.	Planned	Slot · many
End of page body`storefront.slot.global.body_end`The end of the page body, where a script that draws its own interface loads after the page.	Planned	Slot · many

Home pagestorefront.slot.homeShowPlaces on the store's home page, which in Litestore is HTML content followed by a product feed.

How to extend

SlotMany side by sideA plugin renders above or below the home page's own content and feed.

Part	Litestore today	How to extend
Home page top`storefront.slot.home.top`The first band of the home page, above the store's own content, where a hero or a campaign banner sits.	Planned	Slot · many
Home page content`storefront.slot.home.content`The store's own HTML content for the home page, written in the admin or by the assistant.	Core`modules/storefront/pages/page-view.tsx`	Slot · many
Home page feed`storefront.slot.home.feed`The product feed under the home page content, with its filters.	Core`modules/storefront/feed/feed-surface.tsx`	Slot · many
Home page bottom`storefront.slot.home.bottom`The last band of the home page, above the footer, used for testimonials or a newsletter block.	Planned	Slot · many

Collection and category pagesstorefront.slot.listingShowPlaces on a page that lists products: a collection, a category or a feed.

How to extend

SlotMany side by sideA plugin adds content around the grid or onto each product card.

Part	Litestore today	How to extend
Above the product grid`storefront.slot.listing.above_grid`The area between the listing's title and its products, used for a banner or a description.	Planned	Slot · many
Filters`storefront.slot.listing.filters`The filter strip or sidebar where shoppers narrow the listing by price, option or tag.	Core`modules/storefront/feed/feed-filters.tsx`	Slot · many
Product card badge`storefront.slot.listing.card_badge`The corner of each product card where badges such as sale or new show.	Core`modules/products/storefront/product-card.tsx`	Slot · many
Product card below the price`storefront.slot.listing.card_below_price`A line under the price on each product card, used for star ratings, colour swatches or a payment-plan price.	Planned	Slot · many
Product card quick add`storefront.slot.listing.card_quick_add`The button on a product card that adds the product to the cart without opening its page.	Core`modules/products/storefront/quick-add-button.tsx`	Slot · many
Below the product grid`storefront.slot.listing.below_grid`The area under the listing's products, used for text about the collection or a signup block.	Planned	Slot · many

Product pagestorefront.slot.productShowPlaces on a single product's page, from the gallery and title down through the buy box, description and related products.

How to extend

SlotMany side by sideSeveral plugins can render in one product page slot, each in its own block.

Part	Litestore today	How to extend
Product gallery`storefront.slot.product.gallery`The product's images and videos, where a plugin adds a 3D view or a try-on button.	Core`modules/products/storefront/product-gallery.tsx`	Slot · many
Below the gallery`storefront.slot.product.below_gallery`The area under the images on wide screens, used for trust badges or a size guide link.	Planned	Slot · many
Above the title`storefront.slot.product.above_title`A line above the product name, used for a brand name or breadcrumb.	Core`app/(web)/product/[slug]/page.tsx`	Slot · many
Below the title`storefront.slot.product.below_title`A line right under the product name, used for a star rating summary or a short tagline.	Planned	Slot · many
Price`storefront.slot.product.price`The price block with the sale price, the original price and any discount badge.	Core`modules/products/storefront/product-details-section.tsx`	Slot · many
Below the price`storefront.slot.product.below_price`The area under the price, used for sold counts, stock warnings, sale countdowns, payment-plan prices or a back-in-stock signup.	Core`modules/products/storefront/product-proof-strip.tsx`	Slot · many
Variant picker`storefront.slot.product.variant_picker`The option buttons or swatches where the shopper picks size, colour or another option.	Core`modules/products/storefront/variant-picker.tsx`	Slot · many
Below the variant picker`storefront.slot.product.below_variant_picker`The area between the options and the add-to-cart button, used for a size chart link, engraving fields or gift wrap.	Planned	Slot · many
Buy buttons`storefront.slot.product.buy_buttons`The add-to-cart button and anything beside it, such as a wallet button or a wishlist heart.	Core`modules/products/storefront/pdp-interactive.tsx`	Slot · many
Below the buy box`storefront.slot.product.below_buy_box`The area under the add-to-cart button, used for shipping and delivery estimates, returns notes and trust badges.	Core`modules/products/storefront/shipping-info.tsx`	Slot · many
Description`storefront.slot.product.description`The product's written description.	Core`modules/products/storefront/product-info.tsx`	Slot · many
Below the description`storefront.slot.product.below_description`The area under the description, used for specifications, a size chart or ingredients.	Core`modules/products/storefront/product-specifications.tsx`	Slot · many
Product info tabs`storefront.slot.product.tabs`The row of tabs or drawers for details, reviews, specifications and shipping, where a plugin adds its own tab.	Core`modules/products/storefront/product-info.tsx`	Slot · many
Reviews area`storefront.slot.product.reviews`The block with the product's rating, written reviews and photos.	Core`modules/products/storefront/product-info.tsx`	Slot · many
Related products`storefront.slot.product.related`The row of other products under the main product, used for related items, frequently bought together or recently viewed.	Core`modules/storefront/pages/related-products.tsx`	Slot · many
Fixed buy bar`storefront.slot.product.sticky_bar`A bar fixed to the bottom of the screen with the price and add-to-cart button once the main button scrolls away.	Core`modules/products/storefront/mobile-buy-bar.tsx`	Slot · many
Product page bottom`storefront.slot.product.bottom`The last band of the product page, above the footer, used for questions and answers or shopper photos.	Planned	Slot · many

Searchstorefront.slot.searchShowPlaces in the search box and its results.

How to extend

SlotMany side by sideA plugin adds to the results list; replacing the search engine itself is a provider, not a slot.

Part	Litestore today	How to extend
Search suggestions`storefront.slot.search.suggestions`The list of products and words that shows while the shopper types in the search box.	Core`modules/storefront/search/search-dialog.tsx`	Slot · many
No results`storefront.slot.search.no_results`The area shown when a search finds nothing, used for popular products or a contact link.	Planned	Slot · many

Cartstorefront.slot.cartShowPlaces on the cart page, where the shopper reviews items before checkout.

How to extend

SlotMany side by sideSeveral plugins can render under the items or above the checkout button.

Part	Litestore today	How to extend
Above the cart items`storefront.slot.cart.above_items`The top of the cart, used for a shipping-progress bar or a short message.	Core`modules/checkout/storefront/free-shipping-bar.tsx`	Slot · many
Under each cart line`storefront.slot.cart.line_item`A small area under each item in the cart, used for a gift-wrap option, a warranty or the item's delivery date.	Planned	Slot · many
Under the cart items`storefront.slot.cart.below_items`The area under the list of items, used for a gift message, order notes or product suggestions.	Core`modules/checkout/storefront/cart-recommendations.tsx`	Slot · many
Above the checkout button`storefront.slot.cart.above_checkout_button`The area right before the checkout button, used for payment-plan messages, terms boxes or trust badges.	Planned	Slot · many
Empty cart`storefront.slot.cart.empty`The view shown when the cart has no items, used for suggested products.	Core`modules/checkout/storefront/cart-summary.tsx`	Slot · many
Cart drawer`storefront.slot.cart.drawer`A panel that slides in from the side when a product is added, holding a short version of the cart.	Plugin	Slot · many

Blogstorefront.slot.blogShowPlaces on the blog index and on a blog post.

How to extend

SlotMany side by sideA plugin adds content around a post, such as shoppable products or a signup form.

Part	Litestore today	How to extend
Blog post body`storefront.slot.blog.post_content`The written body of a blog post.	Core`modules/storefront/blog/mdx-components.tsx`	Slot · many
Below a blog post`storefront.slot.blog.below_post`The area after a post's body, used for products in the post, a newsletter form or comments.	Planned	Slot · many

Custom pagestorefront.slot.pageShowPlaces on a custom page such as About or a landing page, which in Litestore is HTML content followed by an optional product feed.

How to extend

SlotMany side by sideA plugin renders above the page content or between the content and the feed.

Part	Litestore today	How to extend
Page content`storefront.slot.page.content`The custom page's own HTML content.	Core`modules/storefront/pages/page-view.tsx`	Slot · many
Below the page content`storefront.slot.page.below_content`The area under the page content and above its feed, used for a form, a map or an FAQ block.	Planned	Slot · many
Page feed`storefront.slot.page.feed`The optional product feed at the bottom of a custom page.	Core`modules/storefront/pages/page-view.tsx`	Slot · many

Checkout slotscheckout.slotShowPlaces in the steps between the cart and the paid order, and on the thank-you page.

Checkout delivery stepcheckout.slot.deliveryShowPlaces in the step where the shopper gives an address or picks a pickup point and a shipping method.

How to extend

SlotMany side by sideA plugin adds fields or notes to the delivery step; shipping prices come from a provider, not a slot.

Part	Litestore today	How to extend
Below the address`checkout.slot.delivery.below_address`The area under the shipping address, used for delivery notes, a delivery date picker or address checks.	Planned	Slot · many
Below the shipping methods`checkout.slot.delivery.below_methods`The area under the list of shipping methods, used for carbon offsets or shipping insurance.	Planned	Slot · many
Pickup point list`checkout.slot.delivery.pickup_points`The list of local pickup points the shopper chooses from.	Core`modules/checkout/storefront/shipping-view.tsx`	Slot · many

Checkout order summarycheckout.slot.summaryShowPlaces in the checkout's summary of items, discounts and totals.

How to extend

SlotMany side by sideA plugin adds an offer or a field to the summary; discount amounts stay with core pricing.

Part	Litestore today	How to extend
Below the checkout items`checkout.slot.summary.below_items`The area under the items in the checkout summary, used for an upsell or a gift note.	Planned	Slot · many
Discounts and points`checkout.slot.summary.discounts`The row where the shopper enters a discount code or spends loyalty points.	Core`modules/checkout/storefront/checkout-review.tsx`	Slot · many
Above the pay button`checkout.slot.summary.above_pay_button`The area right before the final pay button, used for consent boxes or a donation.	Planned	Slot · many

Checkout payment stepcheckout.slot.paymentShowPlaces around the list of payment methods; Litestore hands this step to the payment provider's hosted page.

How to extend

ProviderOne per storepayment providerThe payment step belongs to the store's one payment provider, so plugins add payment methods through the provider, not a slot.

Part	Litestore today	How to extend
Above the payment methods`checkout.slot.payment.above_methods`The area over the list of payment methods, used for a message about payment options.	Plugin	Provider · one
Below the payment methods`checkout.slot.payment.below_methods`The area under the list of payment methods, used for payment-plan details, a billing note or a terms box.	Plugin	Provider · one

Order confirmation pagecheckout.slot.confirmationShowPlaces on the page the shopper sees right after paying.

How to extend

SlotMany side by sideSeveral plugins can render on the thank-you page, such as a survey and a referral offer.

Part	Litestore today	How to extend
Confirmation page block`checkout.slot.confirmation.main`The main area of the page shown after payment, where the store shows its share-and-earn offer and account signup.	Core`app/(web)/cart/success/page.tsx`	Slot · many
Confirmation page banner`checkout.slot.confirmation.announcement`A banner at the top of the thank-you page, used for a post-purchase survey or a thank-you discount.	Planned	Slot · many
Below the order summary`checkout.slot.confirmation.below_summary`The area under the order summary on the thank-you page, used for upsells or tracking signup.	Planned	Slot · many
Offer page after payment`checkout.slot.confirmation.offer_page`A page between payment and the thank-you page that offers one more product to add with one click.	Plugin	Slot · many

Customer account slotsaccount.slotShowPlaces in the signed-in shopper's account: orders, order status and profile.

Order status pageaccount.slot.order_statusShowPlaces on one order's page in the customer account, with its progress, parcels and payment.

How to extend

SlotMany side by sideA plugin adds a block or an action to one order's page.

Part	Litestore today	How to extend
Order status block`account.slot.order_status.main`The main area of a shopper's order page, used for a return portal link, a warranty or a review request.	Planned	Slot · many
Order status announcement`account.slot.order_status.announcement`A banner at the top of the order page, used for a delay message or an offer.	Planned	Slot · many
Parcels and tracking`account.slot.order_status.fulfilment`The area with each parcel's progress and tracking events.	Core`modules/orders/storefront/order-package-card.tsx`	Slot · many
Payment details`account.slot.order_status.payment`The area with what the shopper paid, broken down into items, shipping, tax and discounts.	Core`app/(web)/dashboard/orders/[id]/page.tsx`	Slot · many
Order actions`account.slot.order_status.actions`The buttons on an order such as buy again, write a review or request a refund.	Core`modules/orders/storefront/buy-again-button.tsx`	Slot · many
Return details`account.slot.order_status.returns`The area that shows a return or refund request on the order and its progress.	Core`modules/orders/storefront/request-refund-dialog.tsx`	Slot · many

Order historyaccount.slot.ordersShowPlaces on the list of a shopper's past orders, and on the guest order lookup.

How to extend

SlotMany side by sideA plugin adds a block above the list or an action on each order.

Part	Litestore today	How to extend
Above the order list`account.slot.orders.above_list`The area over the shopper's list of orders, used for a loyalty balance or an announcement.	Planned	Slot · many
Order list`account.slot.orders.list`The list of the shopper's orders with status, date and total.	Core`app/(web)/dashboard/orders/page.tsx`	Slot · many
Guest order lookup`account.slot.orders.guest_tracking`The page where a shopper without an account finds an order by email and order number.	Core`app/(web)/orders/track/page.tsx`	Slot · many

Account home and pagesaccount.slot.homeShowPlaces on the account's main page and its menu, and whole pages a plugin adds to the account.

How to extend

SlotMany side by sideA plugin adds a panel to the account home, a menu entry, or its own account page.

Part	Litestore today	How to extend
Account home panels`account.slot.home.main`The panels on the account's main page, such as discounts and the referral link.	Core`modules/customers/storefront/dashboard/dashboard-panel.tsx`	Slot · many
Account menu`account.slot.home.nav`The list of account pages, where a plugin adds a link to its own page.	Core`modules/customers/storefront/dashboard/dashboard-nav.ts`	Slot · many
Plugin account page`account.slot.home.full_page`A whole page inside the account that a plugin draws, such as subscriptions or a rewards history.	Planned	Slot · many

Profile and addressesaccount.slot.profileShowPlaces on the shopper's profile and saved addresses.

How to extend

SlotMany side by sideA plugin adds fields or a block to the profile page.

Part	Litestore today	How to extend
Profile settings`account.slot.profile.main`The page where the shopper edits name, email and preferences.	Core`app/(web)/dashboard/settings/page.tsx`	Slot · many
Below the profile`account.slot.profile.below_details`The area under the profile fields, used for birthday fields, style preferences or a consent list.	Planned	Slot · many
Saved addresses`account.slot.profile.addresses`The list of the shopper's saved addresses.	Core`modules/customers/storefront/addresses`	Slot · many

Admin slotsadmin.slotShowPlaces in the store owner's admin where a plugin adds a card, a button or a page.

Admin home and menuadmin.slot.homeShowPlaces on the admin's main page and in its side menu.

How to extend

SlotMany side by sideA plugin adds a card to the admin home or a link in the menu.

Part	Litestore today	How to extend
Admin home cards`admin.slot.home.cards`The cards on the admin's first page, where a plugin shows its own numbers or tasks.	Planned	Slot · many
Admin menu`admin.slot.home.nav`The side menu of admin areas, where a plugin adds a link to its own page.	Core`ui/admin/layout/sidebar-client.tsx`	Slot · many
Plugin admin page`admin.slot.home.plugin_page`A whole admin page that a plugin draws for its own records and settings.	Planned	Slot · many

Admin product pageadmin.slot.productShowPlaces on one product's admin page and on the product list.

How to extend

SlotMany side by sideA plugin adds a card, a menu action or a bulk action for products.

Part	Litestore today	How to extend
Product card`admin.slot.product.block`A card on the product's admin page where a plugin shows and edits its own data for that product.	Planned	Slot · many
Product action`admin.slot.product.action`An entry in the product page's actions menu that opens a plugin's dialog for that product.	Planned	Slot · many
Product bulk action`admin.slot.product.bulk_action`An action on the product list that runs on all selected products.	Core`modules/products/admin/product-batch-bar.tsx`	Slot · many

Admin order pageadmin.slot.orderShowPlaces on one order's admin page: the main cards, the sidebar and the actions.

How to extend

SlotMany side by sideA plugin adds a card in the sidebar, an action or a printed document for the order.

Part	Litestore today	How to extend
Order sidebar`admin.slot.order.sidebar`The narrow column beside the order where status, customer and notes sit, and where a plugin shows a card such as a gift message or a fraud score.	Core`app/admin/orders/[id]/page.tsx`	Slot · many
Order main card`admin.slot.order.block`A card in the main column with the order's items, payment and returns.	Core`modules/orders/admin/order-sections.tsx`	Slot · many
Order action`admin.slot.order.action`An entry in the order's actions menu, such as buy a label or send to a warehouse.	Core`modules/orders/admin/order-actions.tsx`	Slot · many
Order print action`admin.slot.order.print_action`A printable document for the order, such as a packing slip or an invoice.	Core`modules/orders/admin/order-documents.tsx`	Slot · many

Admin customer pageadmin.slot.customerShowPlaces on one customer's admin page.

How to extend

SlotMany side by sideA plugin adds a card or an action for the customer.

Part	Litestore today	How to extend
Customer card`admin.slot.customer.block`A card on the customer's admin page, used for loyalty points from an outside tool or a support history.	Planned	Slot · many
Customer action`admin.slot.customer.action`An entry in the customer's actions menu that opens a plugin's dialog.	Planned	Slot · many
Customer detail`admin.slot.customer.detail`The customer's admin page with orders, addresses and history.	Core`modules/customers/admin/customer-detail.tsx`	Slot · many

Admin settingsadmin.slot.settingsShowPlaces in the admin's settings where plugins and connections are set up.

How to extend

SlotMany side by sideEach plugin gets its own settings panel.

Part	Litestore today	How to extend
Integrations settings`admin.slot.settings.integrations`The settings page that lists connected services and their status.	Core`app/admin/settings/integrations`	Slot · many
Plugin settings panel`admin.slot.settings.plugin_settings`The panel where the owner fills in a plugin's settings and sees its permissions.	Planned	Slot · many

Email slotsemail.slotShowPlaces inside the store's emails where a plugin adds a block of content.

Every emailemail.slot.layoutShowPlaces shared by every email the store sends.

How to extend

SlotMany side by sideA plugin adds a line to every email's header or footer.

Part	Litestore today	How to extend
Email header`email.slot.layout.header`The top of every email with the store's logo.	Core`modules/email/templates/components/email-layout.tsx`	Slot · many
Email footer`email.slot.layout.footer`The bottom of every email with the store address and unsubscribe link, used for social links or a promo line.	Core`modules/email/templates/components/email-layout.tsx`	Slot · many

Order confirmation emailemail.slot.order_confirmationShowPlaces in the email sent when an order is placed.

How to extend

SlotMany side by sideA plugin adds a block to the confirmation, such as a referral offer or a survey link.

Part	Litestore today	How to extend
Confirmation items`email.slot.order_confirmation.items`The list of items, totals and addresses in the order confirmation.	Core`modules/email/templates/order-confirmation.tsx`	Slot · many
Below the confirmation items`email.slot.order_confirmation.below_items`The area under the items in the order confirmation, used for a gift message, a referral offer or washing instructions.	Planned	Slot · many

Shipping update emailsemail.slot.shipping_updateShowPlaces in the emails sent when an order ships, is delivered or is ready for pickup.

How to extend

SlotMany side by sideA plugin adds a block under the tracking details.

Part	Litestore today	How to extend
Tracking details`email.slot.shipping_update.tracking`The carrier, tracking number and link in the shipped email.	Core`modules/email/templates/order-shipped.tsx`	Slot · many
Below the tracking details`email.slot.shipping_update.below_tracking`The area under the tracking details, used for product tips or a delivery survey.	Planned	Slot · many
Below the delivered message`email.slot.shipping_update.delivered_below`The area in the delivered email under the main message, used for a review request or a reorder link.	Planned	Slot · many

Cart reminder emailemail.slot.cart_reminderShowPlaces in the email that brings a shopper back to a cart left behind.

How to extend

SlotMany side by sideA plugin adds a block such as reviews of the items in the cart.

Part	Litestore today	How to extend
Cart items in the email`email.slot.cart_reminder.items`The items left in the cart, with the return link and any recovery coupon.	Core`modules/email/templates/cart-abandoned.tsx`	Slot · many
Below the cart items`email.slot.cart_reminder.below_items`The area under the cart items, used for reviews, a guarantee line or product suggestions.	Planned	Slot · many

Review request emailemail.slot.review_requestShowPlaces in the email that asks a buyer to review an order after delivery.

How to extend

SlotMany side by sideA plugin adds a block such as a photo-review reward.

Part	Litestore today	How to extend
Review request message`email.slot.review_request.main`The message and link that ask the buyer to review the order a set number of days after delivery.	Core`modules/email/automations.ts`	Slot · many
Below the review request`email.slot.review_request.below_message`The area under the request, used for a reward note for photo reviews.	Planned	Slot · many

Slots: where plugins render

What the phrases mean

Phrases left out

Sources