| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 |
- <?php
- if (!defined('WPINC')) {
- die;
- }
- /** @var int $product_id */
- /** @var int $max_file_size */
- ?>
- <div class="studiou-fpp-upload-wrap" data-product-id="<?php echo esc_attr($product_id); ?>" data-max-file-size="<?php echo esc_attr($max_file_size); ?>">
- <h3><?php esc_html_e('Upload Your Photo', 'studiou-wc-free-photo-product'); ?></h3>
- <p class="studiou-fpp-upload-info">
- <?php echo esc_html(sprintf(
- __('Maximum file size: %s MB. Accepted formats: JPEG, PNG, TIFF, BMP, PSD, RAW (CR2, NEF, ARW, DNG, ORF, RW2, RAF), WebP.', 'studiou-wc-free-photo-product'),
- $max_file_size
- )); ?>
- </p>
- <div class="studiou-fpp-upload-area" id="studiou-fpp-dropzone">
- <div class="studiou-fpp-upload-prompt">
- <span class="studiou-fpp-upload-icon dashicons dashicons-upload"></span>
- <p><?php esc_html_e('Drag & drop your file here or click to browse', 'studiou-wc-free-photo-product'); ?></p>
- </div>
- <input type="file" id="studiou-fpp-file-input" class="studiou-fpp-file-input"
- accept=".jpg,.jpeg,.png,.tiff,.tif,.bmp,.psd,.cr2,.nef,.arw,.dng,.orf,.rw2,.raf,.webp" />
- </div>
- <div class="studiou-fpp-progress" style="display:none;">
- <div class="studiou-fpp-progress-bar">
- <div class="studiou-fpp-progress-fill" style="width:0%"></div>
- </div>
- <span class="studiou-fpp-progress-text">0%</span>
- </div>
- <div class="studiou-fpp-preview" style="display:none;">
- <div class="studiou-fpp-preview-image">
- <img src="" alt="<?php esc_attr_e('Preview', 'studiou-wc-free-photo-product'); ?>" />
- </div>
- <div class="studiou-fpp-preview-info">
- <span class="studiou-fpp-preview-name"></span>
- <button type="button" class="button studiou-fpp-remove-file"><?php esc_html_e('Remove', 'studiou-wc-free-photo-product'); ?></button>
- </div>
- </div>
- <div class="studiou-fpp-messages"></div>
- </div>
|