BrikFront Page Builder for WooCommerce: Wishlist, Quick View, Variation Swatches & Side Cart
| 开发者 | brksoft |
|---|---|
| 更新时间 | 2026年11月8日 02:00 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.1 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
- Install and activate WooCommerce, then BrikFront.
- To begin with a finished store, open BrikFront > Demos, pick a demo and press Import. Before anything changes, the screen lists what the demo adds and what stays as it is. Undo import puts everything back.
- To add a section to a page, open the page in the editor, press + (the block inserter) and pick a block from the BrikFront group.
- To add store features such as the side cart, wishlist, quick view or variation swatches, open BrikFront > Modules and switch them on. Each card has a Settings panel for its options; Module look sets an accent color and corners for all modules.
- Messages sent through a Form block are listed under BrikFront > Form entries. When the Newsletter popup module is on, sign-ups are listed under BrikFront > Subscribers.
- Hero slider. Full-width slides with a photo, text and buttons. The first photo loads first and is never lazy-loaded, and phones can get their own photo. Slides pause on hover, on focus and in a hidden tab. A pause button is included, and "reduce motion" is respected. Without JavaScript, the slides become a strip you can swipe.
- Product slider. A row of products that slides, from WooCommerce's own Product Collection (newest, best sellers, on sale, a category or hand-picked products). Set the number of cards per device and show part of the next card at the edge. Choose arrows below the row, next to the heading or on both sides, dots or a progress line, and an optional autoplay that stops as soon as the shopper takes over. Without JavaScript, the row still scrolls and snaps to each card.
- Tabs and option bands. Classic tabs, or a row of option bands (for example "what to wear, by temperature"). They work without JavaScript: the server draws the chosen panel.
- Testimonials. Customer quotes with their stars, as cards, a sliding row or one big quote, with the store's real average rating if you want it.
- Shop the look. Photos with points on the products in them. A point opens the product's name, price and link, and each photo can list its pieces with prices and a total.
- Product finder. A quiz, a size finder, a pet food planner or a set builder, then the products that fit.
- Announcement bar, scrolling text and mega menu. A line or a few rotating lines across the top of the store, a band of words or logos that slides across the page, and a menu item that opens a wide panel of links with a picture.
- Facts and documents. Label and value rows for a kit list, specs or big numbers, and a list of files to download (manuals, safety sheets) with each file's type and size.
- Contact and quote form. Name, email, phone, message, choices and a consent box with a link to your privacy policy, in one or two columns. Messages arrive by email (Reply-To is the sender) and are kept under BrikFront > Form entries, with read and unread status, CSV export, WordPress's personal data export and erase, and a retention period next to WooCommerce's. On a product page, the form adds the product, its SKU and the options the shopper chose, so it works as a "request a quote" or product enquiry form. Spam is stopped without a captcha or an outside service: a hidden trap field, a time check and a limit per visitor. It works without JavaScript and on cached pages, and it loads only on pages that have a form.
- Buy button. A product's price and add to cart button anywhere on a page.
- Product card look. A look for WooCommerce's Product Collection block: an image shape from the style set, Sale, New and Sold out badges, and a second photo on hover that phones never download.
- Blocks for products and modules. Product badges and a short product spec line for product cards and product pages, and Wishlist, Compare, Share and WhatsApp buttons you can place anywhere.
- Style sets. Colors, type, spacing and corners come from the site's style set (theme.json), so the sections follow your store's look instead of carrying their own.
- The whole store. The demo's colors and fonts, home, about and contact pages, its header with the announcement bar, its footer and menu, the layouts of the shop, category, product, cart and checkout pages, the front page and the modules the demo uses. Header, footer and page layouts need a block theme; if the BrikFront theme is installed, you can switch to it in the same step.
- Sample products when you want them. A new store gets the demo's sample products in categories (some with color and size options) and their "goes with it" suggestions in the cart. If the store has no shipping yet, it also gets the demo's shipping (free over an amount, otherwise a flat rate). A store that already has products can choose, and a store with orders never gets sample products: the demo's product lists show your own products, and its category links go to your own categories. Your products, orders, customers and shipping settings are not touched.
- Your own photos, or none to clean up. Without sample products, your own photos and categories fill the design. With them, pictures are colored stills in the demo's colors, noted in your Media Library.
- One-click undo. Undo removes everything the import added and puts back every setting it changed. A demo product that has already been ordered stays, with its pictures.
- Photo and video reviews. A star summary with filters, review titles, a Helpful button, and customer photos and videos without their location data.
- Variation swatches. Color, image and button swatches instead of dropdowns, on product pages and as color dots on product cards.
- Video in the gallery. Product videos from YouTube, Vimeo or your media library, played from a button on the product photo. Nothing loads from YouTube or Vimeo until the shopper presses play.
- Size guide. A size chart in centimeters and inches, with how to measure, for all products, chosen categories or one product.
- Custom product tabs. Extra tabs shared by all products or by chosen categories, and tabs for a single product.
- Sticky add to cart. A bar with the price and the add to cart button stays in view as shoppers scroll down.
- Add to cart without reload. Ajax add to cart on the product page for simple and variable products, with a short notice instead of a page reload.
- Buy now. A buy now button next to add to cart that goes straight to checkout with the product.
- Quantity buttons. Plus and minus buttons around the quantity field on product and cart pages.
- Sale countdown. A countdown timer to the end of a product's sale, from the sale dates you set.
- Share buttons. WhatsApp, Facebook, X, Pinterest, email and copy link, with link previews.
- Quick view and quick add. Shoppers open a product in a window, pick its options and add it to the cart without leaving the list.
- Product badges. Sale, New and Sold out badges on product photos.
- Load more. A "Load more products" button or infinite scroll instead of page numbers.
- Side cart. A light cart drawer, or a short note under the cart icon, that opens without leaving the page, with quantities, a free shipping bar, a discount code field, suggestions and checkout.
- Free shipping bar. Shows how much more to spend for free shipping, read from your shipping settings.
- Wishlist. Shoppers save products with a heart, as guests or signed in, and share their list.
- Compare. A comparison table of the products a shopper picked, with the differences marked.
- Recently viewed products. The products a shopper looked at last, in a row on the product page.
- Live search. Ajax product search with product and category suggestions while shoppers type.
- WhatsApp chat and order on WhatsApp. A click-to-chat button on every page, and "Order on WhatsApp" on products and the cart with the order details filled in.
- Mobile bottom bar. Home, shop, search, account, cart and a link of your own at the bottom of phone screens.
- Newsletter popup. A polite email popup, shown once, with a consent box and an optional coupon code. Sign-ups are listed under BrikFront > Subscribers (search, CSV export, WordPress's personal data export and erase). BrikFront sends no email itself; an email tool can pick up each new address from the brikfront_newsletter_subscribed action.
- Recent sales notice. A sales popup for social proof, from real recent orders only, with the buyer's name shortened ("Anna K."). A store without recent orders shows nothing.
- Catalog mode. Hide prices and add to cart for everyone or for visitors who are not signed in, in the whole store or in chosen categories.
- Age verification. An age check before the store or chosen categories.
- Back to top. A round button that takes shoppers back to the top of long pages.
- Speed. Loads WooCommerce, Contact Form 7 and Stripe files only on the pages that need them, so pages show sooner.
安装:
- Install and activate WooCommerce.
- Install BrikFront from Plugins > Add New, or upload the zip under Plugins > Add New > Upload Plugin, and activate it.
- A setup guide opens: pick a demo look, turn on the store features you want and, if you like, add the free BrikPanel dashboard. Until you finish it or press Skip setup, it opens again on the Dashboard and on BrikFront's screens.
- To start from a ready-made store later, open BrikFront > Demos, pick a demo and press Import. Undo import puts everything back.
- To add a section, edit a page, press + (the block inserter) and pick a block from the BrikFront group.
- To add store features, open BrikFront > Modules, switch on the ones you want and open Settings on a module's card for its options.
常见问题:
Does BrikFront send data anywhere?
No. BrikFront makes no outside requests on its own. The setup guide asks WordPress.org only when you press its "Install and activate BrikPanel" button, as Plugins > Add New does (see External services). A product video you add from YouTube or Vimeo loads from there only when the shopper presses play (YouTube from its no-cookie address).
Will importing a demo change my products?
No. In a store that already has products or orders, a demo brings its look, pages, header, footer and store page layouts around your own products; it adds sample products only if you tick the box, and never in a store with orders. Your products, orders and customers are not touched, your own pages keep their content, and Undo puts back every setting, header, footer and layout the import changed.
Where do a demo's fonts go?
Into WordPress's Font Library, like any font you add in the Site Editor; with a block theme you can see and remove them under Appearance > Editor > Styles > Typography. Undo removes only the fonts the demo added.
Does a demo import work on shared hosting?
Yes. The import runs in short steps, so host time limits do not stop it. It can also run from WP-CLI as an administrator, for example wp brikfront demo import vaune --user=admin (also list, plan, status and undo).
What happens to my pages if I remove BrikFront?
Your pages stay. BrikFront's sections are not shown until it is active again. Removing the plugin deletes its own settings, the messages kept under BrikFront > Form entries and signed-in shoppers' wishlists; export the messages first (Export CSV) if you need them.
Your newsletter list (BrikFront > Subscribers) stays: it is your list, and it is there again if you install BrikFront later. Product reviews are WooCommerce's and always stay; the titles, photos and videos shoppers added to them stay too. To delete the list and those review extras as well, add define( 'BRIKFRONT_REMOVE_ALL_DATA', true ); to wp-config.php before you delete the plugin.
Can shoppers add photos and videos to their reviews?
Yes, with the Product reviews module (BrikFront > Modules). Shoppers add up to five photos and one video of up to 30 seconds and 25 MB, or your server's upload limit if it is smaller. Videos are not converted: MP4 or MOV in H.264 and WebM are accepted because every browser plays them, and an HEVC video (an iPhone's "High Efficiency" format) is refused with a note on how to send one. A phone's browser makes the photos smaller before sending them, and draws the video's cover. Photos are saved again without their location or camera details; a video keeps its picture and sound while its location and device details are taken out, and it plays only when pressed. Shoppers can add them on the product page and on WooCommerce's "Review your order" page. Reviews with photos or a video wait for your approval, and the Reviews screen shows them in a photos column. Reviewer names show as "Anna K.", and a "How reviews are published" note is written from your WooCommerce settings. You can change all of this in the module's settings.
I use another reviews plugin. Do my reviews' photos come along?
Yes. The photos, videos and titles that Customer Reviews for WooCommerce, Revopic or WoodMart keep on your WooCommerce reviews show in BrikFront's reviews section as clean copies, without their location data; that plugin's own files and data are not changed. Reviews are WooCommerce's own, so they all stay. The Modules page also counts the sample reviews a demo import added and deletes them, and only them, in one click. WordPress's Export and Erase Personal Data tools reach product reviews and their photos and videos. For stores in Türkiye, "Reject and notify" on the Reviews screen emails a reviewer the reason their review was not published.
Do modules slow my store down?
A module that is off loads nothing. A module that is on loads only what the page shows, and its larger parts (a window, a drawer) only when a shopper first opens them.
Where do form messages go?
To the site's admin email, or to the addresses set on the form, and to BrikFront > Form entries. Only administrators and shop managers see the entries. Mail goes through WordPress, so an SMTP plugin you use sends it too.
How does the form stop spam without a captcha?
A hidden field that people never see but bots fill in, a check that the form was not sent within two seconds of being opened, a limit of 30 messages an hour per visitor, and messages posted from other sites are refused. Optionally, a form can refuse messages with too many links.
Does it work without JavaScript?
Yes. Every section shows all of its content without JavaScript; scripts only add motion and controls.
更新日志:
- New: a setup guide after activation. It helps you pick a demo look, turn on store features and, if you like, add the free BrikPanel dashboard.
- New: when another plugin already does a module's job, a button that names it can turn that plugin off, and the module's card turns it back on.
- New: a demo imported without sample products uses your own products, categories and photos, and your store's real reviews when there are enough good ones.
- New: "Keep my home page" when you import a demo.
- Improved: on phones, the BrikFront theme's product tabs open one under another.
- Fixed: semi-transparent colors set in the editor were dropped inside BrikFront blocks.
- Fixed: a hero slide whose words do not fit now grows instead of cutting them off.
- First release: 20 store demos with one-click import and undo, 17 blocks (hero slider, product slider, tabs and option bands, testimonials, shop the look, product finder, contact and quote form, facts, documents and more), product card look, style sets, and 28 modules (side cart, wishlist, compare, quick view, variation swatches, live search, WhatsApp, sticky add to cart and more).