797 results
Sorted by relevance
Storefront / Vue
How do I use a custom vue component in the storefront?
You need to add the
assetLinks function to your modules service provider so that your modules assets are publicly linkable. An example module service provider can be found here:
https://github.com/aerocargo/admin-example-vue/blob/master/src/ServiceProvider.p...
Storefront
Twig
Storefront / Twig
What are twig functions?
Twig functions are reusable functions that can be called from within Twig templates to perform a specific task or return a value.
They are typically used to keep template logic simple and readable by moving more complex or reusable operations into functions. A...
Storefront / Twig
What are the available twig functions?
Twig function
Description
Typical Usage / Notes
aero(key)
Retrieves a value from the current store using the supplied key.
Useful for accessing store-level properties dynamically.
locale()
Returns the current store locale as a two-letter language code, e.g.
e...
Storefront / Twig
How do I add a custom twig function?
You can use the
add() method to add a custom twig function:
\Aero\Store\Twig\Extensions\TwigFunctions::add([
new \Twig\TwigFunction('foo', function () {
return 'bar';
}),
]);
And then use it in twig:
{{ foo() }}
Storefront / Tutorials
How can I add a tax toggle to my store?
First, install
aerocargo/tax-toggler:
composer require aerocargo/tax-toggler
This module adds a
tax_state() twig function that returns
inc or
ex depending on configuration, see here for more information.
Next let's create the
layouts/partials/tax-toggle.t...
Storefront / Tutorials
How can I add a cart panel to my store?
This tutorial will provide the code needed to setup a cart panel slide-out system for your store.
First, lets add the
layouts/partials/cart-panel.twig code:
<div id="cart-panel" class="cart-panel isolate fixed z-[999] bottom-0 right-0 max-h-full overflow-y-au...
Storefront
Events
Storefront / Events
What are the available events?
Products
Event
Description
product.loaded
Fired when the product component has finished mounting and is marked as loaded.
product.images-updating
Fired when the product images are about to be updated because the image set changed.
product.images-updated
Fired ...
Storefront / Events
How do I run a custom event?
You can run your own custom event using the
runEvent() method:
window.Aero.runEvent('acme', { foo: 'bar' });
And listen for it wherever needed:
window.AeroEvents.on('acme', (data) => {
console.log(data);
});
Cart
General
Cart / General
How can I add a custom code handler?
You can use the
addCodeHandler() method to add custom behaviour for specific codes when applied to the cart.
For example you can create a discount code that adds a free sample pack to the cart.
First, define some settings to control this behaviour:
\Aero\Comm...
Cart
Tutorials
Cart / Tutorials
How can I add a customer-selected gift wrapping option?
This tutorial will walk you through adding a "Gift wrap" checkbox to the product page, which when selected will add the product to the cart with the additional £1 charge associated with it being gift wrapped.
First, define some settings to control the behaviou...
Account Area
General
Account Area / General
How do I add a Custom CSS File to the account area?
You can add a custom CSS file to the account area by creating a file named
account-area.css in your public directory.
Example contents where we're overriding the default colours:
:root {
--bpa-color-primary: deepskyblue;
--bpa-color-success: forestgre...
Account Area / General
How can I configure the account area?
ENV Variables
Variable
Default
Description
AERO_ACCOUNT_AREA_THEME
aerocommerce/account-area
Defines the namespace that should be registered as having the views and resources for the account area. This should only be changed under unique circumstances.
AERO_AC...
Account Area
Pages