Advanced / Modular Cart Elements for Woocommerce

Hi bricks team,

Advanced/Modular Checkout Elements are now on the roadmap, which is very exciting. But please don’t limit this update to just the Checkout page and also expand the Cart. The new WooCommerce cart and checkout pages are very fast and modern, and updating them in Bricks will be a game changer.

Developing some new features for the Cart page would be great. Such as:

  1. Ability to display Cart items using query loop
  2. New dynamic data for Cart page data With Ajax loading support
  3. Cart count dynamic data

With these new features, we will be able to create anything using Bricks, and that’s awesome. For example, we can:

  • Cart page design without any limitations
  • Ability to create a Mini cart using dropdown + query loop (Cart items) and dynamic data
  • Ability to create Offcanvas cart using offcanvas element + query loop (Cart items) and dynamic data

Thank you for all your amazing work.

7 Likes

:puzzle_piece: WooCommerce Dynamic Elements & Queries

:shopping_cart: Products

:fire: Best Selling Products

:star: Featured Products

:money_with_wings: On-Sale Products

:trophy: Top Rated Products

:repeat_button: Related Products

:eyes: Recently Viewed Products

:plus: Product Cross-Sells

:up_arrow: Product Upsells

:magnifying_glass_tilted_left: Custom WP Query

:label: Custom Taxonomy Query

:recycling_symbol: WooCommerce Query Loops

:package: Customer Orders

:page_facing_up: Ordered Items

:heart: Wishlist Items

:balance_scale: Compare Items

:artist_palette: Product Display & Interaction

:framed_picture: Product Image

:film_frames: Product Gallery Slider

:star: Product Ratings

:dna: Product Attributes

:artist_palette: Product Variation Swatches

:repeat_button: Swatches for Loop

:link: Linked Variations

:straight_ruler: Product Size Guide

:paperclip: Product Attachments

:red_question_mark: Product FAQs

:balance_scale: Product Comparison

:brain: Frequently Bought Together

:label: Advanced Product Badges

:bar_chart: Stock Indicator

:chart_increasing: Stock Progress Indicator

:hourglass_not_done: Low Stock Countdown

:stopwatch: Sale Countdown Timer

:prohibited: Sold Out Badge

:new_button: New Badge

:trophy: Best Selling Badge

:shopping_bags: Cart & Add-to-Cart

:plus: Add To Cart

:high_voltage: Dynamic Add-To-Cart Buttons

:shopping_cart: Buy Now Button

:high_voltage: Quick Add

:1234: Quantity

:downwards_button: Dropdown Quantity

:pushpin: Sticky Add-To-Cart Bar

:bell: Cart Counter

:basket: Cart Content

:brick: Mini Cart Builder

:inbox_tray: Cart Drawer / Slide-In Cart

:cross_mark: Empty Cart Button

:delivery_truck: Free Shipping Notice

:bullseye: Smart Free Shipping Bar

:abacus: Shipping Calculator

:credit_card: Checkout & Orders

:receipt: Checkout Builder

:ladder: Multi-Step Checkout

:high_voltage: Express Checkout Buttons

:admission_tickets: Coupon Form

:label: Applied Coupons

:scroll: Advanced Coupon Rules

:bullseye: Order Bumps

:money_bag: Partial Payment / Deposits

:chart_decreasing: Minimum / Maximum Order Rules

:receipt: VAT / Tax Display Manager

:pencil: Checkout Field Editor

:tada: Thank You Page

:package: Order Details

:counterclockwise_arrows_button: Order Navigation

:bust_in_silhouette: Customer & Account

:compass: My Account Navigation

:puzzle_piece: Bricks-Styled My Account Manager

:heart: Wishlist

:floppy_disk: Wishlist & Save for Later

:wrapped_gift: Loyalty & Reward Points

:briefcase: Store Credit Wallet

:bar_chart: Customer Analytics

:three_o_clock: Customer Order History

:chart_increasing: Marketing & Sales Optimization

:police_car_light: Abandoned Cart Recovery

:repeat_button: Automatic Cross-Sell Engine

:abacus: Dynamic Pricing Calculator

:triangular_ruler: Measurement-Based Pricing

:busts_in_silhouette: Role-Based Pricing

:bar_chart: Bulk & Tiered Pricing Tables

:package: Subscription Box Builder

:alarm_clock: Pre-Order Manager

:bell: Back-In-Stock Notifier

:label: Brand Manager for Products

:glowing_star: Reviews & Social Proof

:memo: Advanced Product Reviews

:camera_with_flash: Photo & Video Reviews

:hammer_and_wrench: Admin, Hooks & Utilities

:magnet: Visual Hook Manager

:hook: Woo Hooks

:bar_chart: WooCommerce Analytics Widgets

:counterclockwise_arrows_button: WooCommerce Import / Export Manager

:envelope: Custom Email Template Builder

:brain: Conditions & Logic

:page_facing_up: Page Conditions

:package: Product State Conditions

:shopping_cart: Cart Conditions

:bookmark_tabs: Order Conditions

:admission_tickets: Coupon Conditions

:shopping_bags: Purchase History Conditions

:high_voltage: Interactions & Events

:plus: Adding to Cart

:white_check_mark: Added to Cart

:cross_mark: Removed from Cart

:admission_tickets: Applied Coupon

:wastebasket: Removed Coupon

:counterclockwise_arrows_button: Update Checkout

:clockwise_vertical_arrows: Fragments Refreshed

:broom: Delete Wishlist Item

:speech_balloon: Tooltip

4 Likes

Thanks for the detailed information. Fortunately, Bricks has introduced new features in recent updates. Let’s update this list.

  • Product compare and wishlist (interaction + dynamic data)

  • Custom my account endpoints

  • Query loop support for displaying orders and cart items in full

  • Modular cart and chekcout elements

  • Cart counter dynamic data

  • Sale price dates support for countdown element screenshot

  • Modular add to cart element document

  • Advanced product reviews screenshot

  • Querry loop + dynamic data for Product additional information

  • add to cart update price (After selecting the variable, the price element is updated. The new price is not displayed)

  • And more dynamic data that is necessary for my account, Checkout, etc. Such as order status, user address, shipping method title, shipping method cost, etc.

I think that’s all that’s needed for WooCommerce on Bricks.

Pleaseee!!! we need more elements, loops and conditions for woocommerce :face_holding_back_tears:

2 Likes