<px-image-upload>

This custom component is used to upload images for creating simple projects in the Pixfizz CMS.

This component will most likely be found in the snippet 'product/px-options' and is used in conjunction with a variant or option that is set to 'image upload' type.

The below sample provides a list of all the parameters that can be applied to the component, including conditional statements based on settings for the variant it would be rendering content for.

<px-image-upload
    name="{{ parameter_name }}[{{ option.code | escape }}]"
    upload-button-class="btn-primary"
    adjust-button-class="btn-outline-secondary"
    crop-button-class="btn btn-sm"
    crop-edit-button-class="btn-secondary"
    crop-submit-button-class="btn-primary"
    crop-cancel-button-class="btn-outline-secondary"
    upload-button-text="{{ 'Upload Image' | t: ns: 'product' | escape }}"
    adjust-button-text="{{ 'Adjust' | t: ns: 'product' | escape }}"
    crop-submit-button-text="{{ 'Submit' | t: ns: 'product' | escape }}"
    crop-cancel-button-text="{{ 'Cancel' | t: ns: 'product' | escape }}"
    {% if option.crop_aspect_ratio != blank %}crop-aspect-ratio="{{ option.crop_aspect_ratio | escape }}"{% endif %}
    {% if option.is_required %}required{% endif %}
    {% unless option.has_element_substitutions %}data-px-no-element-substitutions{% endunless %}
    {% unless option.has_pricing %}data-px-no-pricing{% endunless %}
></px-image-upload>

Last updated