Appearance

FluentCart Bricks Blocks ​

The FluentCart Bricks Blocks addon brings a full palette of FluentCart elements into the Bricks builder. Instead of dropping in a shortcode and hoping it fits, you get individual blocks for each part of your store, from a product's title and gallery right through to the cart and checkout. Drag in the pieces you want, style them with the Bricks controls you already know, and build your store pages exactly the way you picture them.

What You Need ​

Before you install the addon, make sure of two things:

  1. The Bricks theme is installed and active on your site. These blocks render inside the Bricks builder, so without the theme there is nowhere for them to appear.
  2. Your FluentCart Pro license is verified. See Licensing Settings if you have not done this yet.

Installing the Addon ​

The blocks ship as a separate addon, so you install it once from the FluentCart settings before it shows up in Bricks.

  1. Navigate to FluentCart Pro > Settings > Features & addon.
  2. Scroll to the Plugin Addons section.
  3. Find the FluentCart Bricks Blocks card. Its description reads "Enable to get Bricks Builder elements for FluentCart. Requires the Bricks theme."
  4. Click the Install & Activate button on the card.

FluentCart fetches the addon, installs it, and activates it for you. The card's status badge switches to Active when it finishes, and no upload or page reload is needed. For more on this installer, see Features & Addons.

INFO

If the Install & Activate button is greyed out or replaced with a license prompt, your FluentCart Pro license either has not been verified or has lapsed. Verify it from Settings > License Settings and the installer becomes available again.

Finding the Blocks in Bricks ​

Once the addon is active, the blocks are ready to use straight away.

  1. Open any page or template with the Bricks editor.
  2. Click the plus icon (+) to open the elements panel.
  3. Scroll to the FluentCart category.
  4. Click any block to add it to your canvas, then style it using the Bricks controls on the left.

Every FluentCart block carries the FluentCart badge in its corner, so you can tell them apart from the built-in Bricks elements at a glance.

The Available Blocks ​

The blocks are grouped below by what they do, rather than the order they appear in the panel, so you can find the right one quickly.

Most of these blocks let you choose which product they display. You either let the block pick up the product from the page it sits on, which is what you want inside a product template, or point it at a specific product using the Query Type and Manual Product ID controls, which is handy for a landing page featuring one item.

Product Details ​

These blocks each render a single piece of a product, which makes them the building pieces of a custom single product template:

  • Product Title: The product's name.
  • Product Info: A combined block covering several product details at once. Toggle each part on or off with Show Gallery, Show Title, Show Stock, Show Excerpt, Show Price, and Show Buy Section, and set where the gallery thumbnails sit with Thumbnail Position.
  • Product Card: A complete product summary, useful for custom grids and feature sections. Card Elements controls which parts appear, and Price Format and Card Sizing handle the presentation.
  • Product Excerpt: The product's short description.
  • Product Content: The product's full description.
  • Product Gallery: The product's images.
  • Product SKU: The product's SKU, with an optional label. Turn on Show Label and set Custom Label to print something like "Item code" in front of it. Leave a product's SKU blank and nothing renders, so you can hide it per product.
  • Product Package Description: Shipping package details for physical products. Choose what to include with Show Package Name, Show Dimensions, Show Product Weight, and Show Shipping Weight.
  • Product Stock: A stock indicator, such as "In Stock" or "Out of Stock".
  • Price Range: The price, or the low-to-high span for a product with variations.

Selling and Checkout ​

These blocks are the ones that actually take the money:

  • Add to Cart: An add to cart button. Point it at a variation with Product Variation or Manual Variant ID, and set your own Button Text.
  • Buy Now: Sends the customer straight to checkout, skipping the cart. Turn on Enable Modal Checkout to keep them on the page and open checkout in a popup instead.
  • Buy Section: The complete purchase area, combining pricing and the buy controls.
  • Mini Cart: A compact cart summary, well suited to a header. Pick a Cart Icon or supply your own icon URL, and use Display total price and Show cart item count to decide how much detail it shows.
  • Checkout: The full checkout form. Layout plus Form Column Width, Summary Column Width, and Column Gap control the arrangement, Form Elements decides which fields appear, and Ship to Different Address controls the separate shipping address option.

Browsing and Discovery ​

These blocks help customers find their way around your catalog:

  • Products: A grid of your products, the quickest way to build a shop page. It carries the richest control set of any block, covered in Products Block Controls below.
  • Product Carousel: Products in a sliding carousel. Set Slides to Show, Space Between, and Autoplay with its Autoplay Speed, then choose whether Infinite Loop, Show Arrows, and Show Pagination are on.
  • Product Categories: A list of your product categories. Display Style sets the look, while Show Product Count, Show Hierarchy, and Show Empty Categories control what is listed.
  • Related Products: Products related to the one being viewed. Related By matches on Categories or Brands, and you can set the Heading Text, Order By, Columns, and Products Per Page.
  • Product Search: A search field scoped to your products, with an optional Show Category Filter. Open In sets where results land.

Store and Account ​

These blocks cover the rest of the storefront:

  • Store Logo: Your store's logo, with Max Width and Max Height controls. Turn on Link to Home to make it clickable.
  • Customer Dashboard: The full customer account area.
  • Customer Dashboard Button: A link into the customer dashboard, handy in a header or menu. Set the Display Type and Button Text, and optionally Show Icon or Open in New Tab.

INFO

A handful of these elements, including Products, Product Title, Product Gallery, and Buy Section, are built into FluentCart and appear in Bricks even without the addon. Installing the addon adds the other fifteen and completes the set, so you can build a whole store page without leaving the builder.

Products Block Controls ​

The Products block is the one you will reach for most, so it is worth knowing what it can do. Its controls are split across three groups in the Bricks panel.

Query ​

These controls decide which products appear and how the grid is arranged.

  • View Mode: Whether the products render as a grid or a list.
  • Show View Switcher: Lets visitors flip between the view modes themselves.
  • Pagination Type: How customers move through long result sets.
  • Columns and Gap: The grid layout and the spacing between items.
  • Products per page: How many products to load at a time.
  • Is main query: Ties the block to the page's main query, which is what you want on a shop or archive template.
  • Order by and Order: The sort field and direction.
  • Product type: Narrows the grid to a single product type.
  • Include and Exclude: Hand-pick individual products to force in or leave out.
  • Product categories: Restricts the grid to the categories you select.
  • On sale Products only: Shows only products currently on sale.
  • Allow Out Of Stock: Keeps out-of-stock products in the grid instead of hiding them.

Filter ​

Turn on Enable Filter to give customers a filter panel alongside the grid. The rest of the controls in this group only appear once it is enabled.

  • Enable Sort By: Adds a sort control to the filter panel. On by default.
  • Live Filter: Updates results as the customer changes a filter, with no page reload.
  • Wildcard Filter: Broadens text matching so partial terms still return results.
  • Taxonomy toggles: FluentCart lists a checkbox for each product taxonomy, such as Categories and Brands. Tick one to offer it as a filter, leave it unticked to keep it out of the panel. This is how you control which taxonomies customers can filter by.
  • Show empty: Appears beneath each taxonomy you enable and displays that taxonomy's terms even when they have no products in them. Leave it off to keep empty categories and tags out of the filter panel.
  • Price Range: Adds a price filter, with Display Name to override its label.

Fields ​

  • Link entire product: Makes the whole product card clickable. It only takes effect if none of your product fields already contain a link.

Building a Single Product Template ​

The product blocks come into their own when you pair them with a Bricks template, which lets you design the layout once and have every product follow it. FluentCart registers a dedicated FluentCart - Product template type in Bricks for exactly this. See Customize Store with Bricks for the full walkthrough.

Your store's design is now entirely in your hands, block by block, without a line of code.