single-product-upload.php 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <?php
  2. if (!defined('WPINC')) {
  3. die;
  4. }
  5. /** @var int $product_id */
  6. /** @var int $max_file_size */
  7. /** @var int $max_uploads */
  8. ?>
  9. <div class="studiou-fpp-upload-wrap"
  10. data-product-id="<?php echo esc_attr($product_id); ?>"
  11. data-max-file-size="<?php echo esc_attr($max_file_size); ?>"
  12. data-max-uploads="<?php echo esc_attr($max_uploads); ?>">
  13. <h3 class="studiou-fpp-heading"><?php esc_html_e('Upload Your Photos', 'studiou-wc-free-photo-product'); ?></h3>
  14. <?php
  15. $custom_info = Studiou_WC_FPP_Product::get_product_upload_info_text($product_id);
  16. if (!empty($custom_info)) :
  17. ?>
  18. <p class="studiou-fpp-upload-info"><?php echo nl2br(esc_html($custom_info)); ?></p>
  19. <?php else : ?>
  20. <p class="studiou-fpp-upload-info">
  21. <?php
  22. if ($max_uploads > 0) {
  23. echo esc_html(sprintf(
  24. /* translators: %1$d: max file size in MB, %2$d: max number of uploads */
  25. __('Upload up to %2$d photos (max %1$d MB each). Accepted formats: JPEG, PNG, TIFF, BMP, PSD, RAW (CR2, NEF, ARW, DNG, ORF, RW2, RAF), WebP.', 'studiou-wc-free-photo-product'),
  26. (int) $max_file_size,
  27. (int) $max_uploads
  28. ));
  29. } else {
  30. echo esc_html(sprintf(
  31. /* translators: %d: max file size in MB */
  32. __('Maximum file size: %d MB. Accepted formats: JPEG, PNG, TIFF, BMP, PSD, RAW (CR2, NEF, ARW, DNG, ORF, RW2, RAF), WebP.', 'studiou-wc-free-photo-product'),
  33. (int) $max_file_size
  34. ));
  35. }
  36. ?>
  37. </p>
  38. <?php endif; ?>
  39. <div class="studiou-fpp-upload-area" id="studiou-fpp-dropzone">
  40. <div class="studiou-fpp-upload-prompt">
  41. <span class="studiou-fpp-upload-icon dashicons dashicons-upload"></span>
  42. <p><?php esc_html_e('Drag & drop photos here, or click to choose files', 'studiou-wc-free-photo-product'); ?></p>
  43. </div>
  44. <input type="file" id="studiou-fpp-file-input" class="studiou-fpp-file-input" multiple
  45. accept=".jpg,.jpeg,.png,.tiff,.tif,.bmp,.psd,.cr2,.nef,.arw,.dng,.orf,.rw2,.raf,.webp" />
  46. </div>
  47. <div class="studiou-fpp-messages"></div>
  48. <div class="studiou-fpp-cards" id="studiou-fpp-cards"></div>
  49. </div>