Fixed Sales Bar is a Shopify theme section in the Section Star library. Add a fixed sales bar to any page.
About the Fixed Sales Bar section
The Fixed Sales Bar is a customizable, fixed-position sales bar designed to engage customers and enhance product visibility. It sticks to the bottom of the page and features essential product information, including the product price, availability status, and customizable call-to-action buttons like "Add to Cart" and "Buy Now." This bar is particularly useful for e-commerce stores with long product pages or for encouraging quick purchasing actions.
Live demo
Use cases
- Promoting Flash Sales: Highlight limited-time offers to create urgency and drive sales.
- Enhancing Mobile Usability: Ensure critical actions like adding to cart or buying now are always accessible, even as users scroll through long product descriptions.
- Cross-Selling Products: Use the bar to display related or complementary products when the main product is out of stock or less prioritized.
- Highlighting New Arrivals: Instantly showcase newly added products to improve visibility and purchase rate.
Settings
Every setting below appears in the Shopify theme customizer once the section is published.
Text
Set the text size for your widget
| Setting | Type | Default |
|---|---|---|
| Override theme fonts | Checkbox | Off |
| Text Font | Font | sans-serif |
| Text Size | Range | 15 |
| Text Color | Color | #111111 |
| Link Color | Color | #0D8BF4 |
| Price Font | Font | sans-serif |
| Price Size | Range | 18 |
| Price Color | Color | #111111 |
Colors
Set colors for the section.
| Setting | Type | Default |
|---|---|---|
| Background Color | Color or gradient | linear-gradient(164deg, #FFF 100%, #F… |
Text
Set text for the section
| Setting | Type | Default |
|---|---|---|
| Center Text | Inline rich text | — |
| Sold Out Text | Inline rich text | - Sold Out |
| Select Text | Inline rich text | Select Option |
| Add to Cart Text | Inline rich text | Add to Cart |
| Buy Now Text | Inline rich text | Buy Now |
Button
Set styles for the button
| Setting | Type | Default |
|---|---|---|
| Buy Now Text Color | Color | #fff |
| Buy Now Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #111… |
| Buy Now Border Color | Color | #111 |
| Add to Cart Text Color | Color | #111 |
| Add To Cart Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… |
| Add to Cart Border Color | Color | #111 |
| Button Border Size | Number | 1 |
| Text Size | Range | 15 |
| Padding Left/Right | Number | 25 |
| Border Radius | Number | 5 |
| Highlight Color | Color | #0D8BF4 |
Dimensions
Set the section dimensions in pixels.
| Setting | Type | Default |
|---|---|---|
| Grid Spacing | Number | 30 |
| Control Height | Number | 40 |
| Max Width of Section | Number | 1000 |
| Padding Top | Number | 10 |
| Padding Bottom | Number | 10 |
| Padding Left | Number | 10 |
| Padding Right | Number | 10 |
Product
Select the product for the fixed bar. Product pages should use the current option. Other pages, should use a selected product.
| Setting | Type | Default |
|---|---|---|
| Product Source | Select (Current (product pages only), Selected (select a product below)) | current |
| Product | Product | — |
Display
Display the section
| Setting | Type | Default |
|---|---|---|
| Subtle Shadow on Container | Checkbox | On |
Advanced
Advanced options for the section
| Setting | Type | Default |
|---|---|---|
| Show Quantity | Checkbox | Off |
| Show Buy Now Button | Checkbox | On |
| Show Add to Cart Button | Checkbox | On |
| Show After Scroll | Checkbox | Off |
| Threshold from Top (px) | Number | 500 |
| Threshold from Top on Mobile(px) | Number | 500 |
How to add this section to a Shopify store
- Install Section Star from the Shopify App Store.
- Open the app and search the library for “Fixed Sales Bar”.
- Click Publish, then choose a name and the theme to publish into.
- Follow the deep link into the Shopify theme customizer.
- Add the section to any page and customize it with the native theme settings.
No code is required, and the section lives in your theme as ordinary Liquid — see the full install guide.