32 results
for “image factory”
Sorted by relevance
Storefront Developer Documentation / Image Factory
What are the available options for Image factory?
...t can be used to manipulate the image. These can be chained.
path - w ...pecify the path to the original image within the
storage/app/publicd ...irectory.
Twig
{% set image = listing.imaimages | first %}
<img src="{{ image_factory(150, 300).path(image.fi...
Storefront Developer Documentation / Image Factory
How do I use Image Factory?
The image factory can be called using the ...
image_factory()helper function from w ...width and height of the resized image must be provided (in pixels).
T ...he image factory outputs a signed URL to ... the resized image with an embedded validation tok...
Storefront Developer Documentation
Image Factory
Image Factory
Storefront Developer Documentation / Introduction
Introduction to image factory
The Aero Image Factory allows you to scale images appropriately and therefore ac ...e load times.
See "How do I use Image Factory?
Catalog Management / Products
How do I change the images on my product?
...n order to update your products images, first you will need to naviga ....
Next we'll scroll down to the images section.
You can upload images by clicking the button or drag ...ging your images onto the box in the page.
Once ... your images have uploaded you can hover ov...
Storefront Developer Documentation / Themes
How to add a header image to your listings page
...ngs page we can pass through an image from the admin using the
combi ...r both.
We'll output the entire image block:
{{ combination.image_block | raw }}
However we'll ne ...pass some sizes:
{{ combination.image_block.render({
sizes: {
...div class="aero-listing-header__image w-full lg:flex-1">
{{ c...
Developer Documentation / Configuration
How do I store product images on S3
You need to configure and set up your Laravel project for the S3 storage driver. You can read more about this in the laravel documentationAWS_ACCESS_KEY_ID, AWS_SECRET_ACCESS_KEY, AWS_DEFAULT_REGION, and AWS_BUCKET) and installing a composer package (league/fl...
Catalog Management / Products
How do I create a product with variants?
...information about your variant.
Images
The images section is where you manage th ...e images associated with this product & ... its variants.
Although product images are optional we strongly recom ...ing at least a few high quality images to each product as this helps ...
Content Management / Blocks
How do I create a new block?
... Text element to your Block - + Image- Adds an Image element to your Block - + HTML- ...lue- Enter your attribute value
Image element
Image allows you to create image elements. These can contain up ...to 3 images, used depending on the type of ...vice displaying the storefront.
Image filetypes
Aero supports the fol...
Catalog Management / Products
How do I create a single product?
...ed to calculate shipping costs.
Images
The images section is where you manage th ...e images associated with this product.
...Although product images are optional we strongly recom ...ing at least a few high quality images to each product as this helps ...
Developer Documentation / Admin Product Picker Component
What are the available props for the product picker?
...n.catalog.products.picker') }}.
image-url-prefix
String
This is the image factory prefix to use for the product image URLs. This is set by default to ... use {{ image_facfactory(60, 60)->contain() }}.
no-image-url
String
This is the image URL to use when a product doesn...
Catalog Management / Categories
How do I create a new category?
...w letters of the tag - Featured Image- Optional - Add an image using drag and drop, or clickin ...g, on the Drop image box. The use of this image in the storefront will depend o ... description of your category - Images- Optional - Either drag your c...
Storefront Developer Documentation / Themes
How do I create a custom twig function?
...end.
Example:
new TwigFunction('image_factofactory', static function ($width, $hei ...path = '') {
return new ImageFactory($width, $height, $path);
})
The ...end responsible for creating an Image Factory.
If instantiated correctly, the function should n...
Catalog Management / Collections
How do I create a new collection?
...escription of your collection - Images- Optional - Either drag your c ...ollection image file(s) into the box or click t ...o browse files. The images section is broken down into 3 ... you to provide different sized images for different screen sizes.
Bo...
Catalog Management / Manufacturers
How do I create a new manufacturer?
...cription of your manufacturer - Images- Optional - Either drag your m ...anufacturer image file(s) into the box or click t ...o browse files. The images section is broken down into 3 ... you to provide different sized images for different screen sizes.
Bo...
Content Management / Combinations
How do I create a new combination?
...scription of your combination - Images- Optional - Either drag your c ...ombination image file(s) into the box or click t ...o browse files. The images section is broken down into 3 ... you to provide different sized images for different screen sizes.
Bo...
Developer Documentation / Events
How do I create a new event?
...oduct.categories.*.has_featured_image',
'product.categories.*.fea ...tured_image_file',
'product.manufacture ...ame',
'product.attributes.*.image_file',
'product.images.*.image_fileimage_file',
'product.all_images.*.image_file',
'product.va...
Catalog Management / Attributes
How do I create a new attribute group?
...ld (e.g. '#ff0000' for red) - Image Swatches- This will display swa ...tches with attribute images - defined by the images uploaded against the attribute value - Swatches- This will display swatches with the product names
Attributes
The attributes sect...