74 results
for “image factory”
Sorted by relevance
Storefront / Image Factory
What is the image factory?
The Image Factory is a tool for generatin ... optimised, resized versions of images on demand. It allows you to de ... a signed URL for the resulting image.
Introduction
The image factory can be called using the ...
image_factory() helper function from ...
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 / Image Factory
How do I use the image factory?
The image factory can be called using the ...
image_factory() helper function from ...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
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...
Storefront / Tutorials
How do I add a header image to the 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, passing widths & heights ... for each size:
{{ combination.image_block.render({
sizes: {
...div class="aero-listing-header__image w-full lg:flex-1">
{{ c...
Admin / Product Picker
How do I use the product picker?
...
initial-selection
object
{}
No
image-url-prefix
string
window.ImageFactory['60']
No
no-image-url
string
window.ImageFactory['no-imageimage']
No
action-name
string
Add Pro ...accessor
string
results
No
emit-image
bool
false
No
emit-sku
bool
fal ...n of products. Defaults to
{}.
image-url-prefix
This is the image fa...
API / General
What conventions does the API use?
...endpoint-specific example docs.
Image Factory Conventions
Parameter
Descripti ...on
Example
image_factory_width
Output image width
?image_factory_width=200
image_factory_height
Output image height
?image_factory_height=200
image_factory_options
Comma-seperated...
Storefront / Tutorials
How can I add a cart panel to my store?
...>{% endif %}
{% set image_width = 320 %}
{% s ...et image_height = 320 %}
{% ...if item.image %}
<img src="{{ ... image_factory(image_width, image_height, item.image.file).crop() }}"
...
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...