Frequently Bought Together Section for Shopify
Shopify section that shows the current product with up to 3 picked products, checkboxes, variant selects, a live total and one button that adds everything checked to the cart.
Tag: ecommerce
Components tagged with "ecommerce".
22 components
Product Card with Image Zoom
Pure CSS product card whose photo zooms smoothly on hover or focus, following the pointer, with rating, color swatches and price.
Sticky Add to Cart Bar for Shopify
Shopify section: a bar fixed to the bottom of product pages that appears once the main add-to-cart button scrolls away, with image, price, variant select and a real product form.
Product Detail with Image Zoom Lens
Tailwind CSS product detail section with a round magnifier lens that zooms the photo on hover or arrow keys, plus adjustable 2x to 4x levels.
Skeleton Product Grid
Pure CSS skeleton loader for a product grid with shimmering placeholder cards, a wave-like sweep and an accessible loading status.
Furniture Store Homepage Template
Warm Bootstrap 6 furniture shop homepage with a shop-the-look hero, room collections, bestseller tabs with fabric swatches, showroom booking with datepicker, reviews carousel and FAQ.
Electronics Store Homepage Template
Dark Bootstrap 6 electronics shop homepage with a bento deals hero, live flash-sale countdown, filterable product grid, cart drawer, trade-in estimator, reviews and newsletter.
Abandoned Cart Reminder Email
Email-safe abandoned cart reminder with product photos and prices, subtotal, free delivery incentive, checkout button and related products.
One-Page Checkout with Payment Options
Tailwind CSS one-page checkout with shipping address, shipping method cards, card / wallet / bank payment tabs, discount code and a live order summary.
Shipping Confirmation Email with Tracking
Email-safe shipping notification with estimated delivery, a table-cell progress bar, carrier and tracking number, shipped items and a track package button.
Order Confirmation Email
Email-safe order confirmation template with order number, product rows with photos, totals table, shipping and billing addresses and a track order button.
Product Card with Quick Actions
Responsive product card grid where hover or focus reveals wishlist, quick view and add-to-cart actions, with star ratings and a native quick view dialog.
Bootstrap Product Page
Bootstrap 5 product details page with image gallery, color and size pickers, quantity stepper, and tabs for description, specifications and customer reviews.
Product Listing Grid
Responsive Bootstrap 5 product grid with sale, new, bestseller and sold-out badges, color swatches, wishlist buttons, sorting and client-side pagination.
Offcanvas Shopping Cart
Bootstrap 5 offcanvas cart drawer with quantity steppers, remove buttons, free-shipping progress, live totals and an empty state.
Shopping Cart Page
Tailwind CSS shopping cart with quantity steppers, remove buttons, free shipping progress bar, promo code field and a live-updating order summary.
Product Detail with Gallery
Dark Tailwind CSS product page section with a thumbnail image gallery, finish options, quantity stepper and add to cart button with loading state.
Product Grid with Filters
Tailwind CSS category page with a collapsible filter sidebar, live result count, empty state and a product grid sortable by price, rating or date.
Product Card with Color Options
Tailwind CSS product card with live-recoloring color swatches, a size selector with sold-out state, wishlist toggle and add to bag button.
Product Reviews
Tailwind CSS product reviews section with a clickable rating breakdown filter, sorting and helpful vote buttons.
Order History
Tailwind CSS order history list with status filter chips, colored status badges and expandable order details.
Order Summary with Coupon
Tailwind CSS checkout order summary card with a discount code field, live totals, tax and a free shipping progress bar.