wooccm_photo_editor_content

The WooCommerce Checkout Manager wooccm photo editor content function.

Description

wooccm_photo_editor_content(); 

Usage

  1. if ( !function_exists( 'wooccm_photo_editor_content' ) ) { 
  2. require_once ABSPATH . PLUGINDIR . 'woocommerce-checkout-manager/includes/templates/functions/woocm_editing_wrapper.php'; 
  3.  
  4.  
  5. // NOTICE! Understand what this does before running. 
  6. $result = wooccm_photo_editor_content(); 
  7.  

Defined (1)

The function is defined in the following location(s).

/includes/templates/functions/woocm_editing_wrapper.php  
  1. function wooccm_photo_editor_content() { 
  2. if (is_checkout()) { 
  3. ?> 
  4. <div id="caman_content" style="display:none;"> 
  5.  
  6. <div id="wooccmtoolbar"> 
  7. <div class="button" id="save">Save</div> 
  8. <div class="button" id="close">Close</div> 
  9. <h3>Photo Editing</h3> 
  10. </div> 
  11.  
  12. <div class="wooccmsidebar"> 
  13. <div id="Filters"> 
  14.  
  15. <div class="Filter"> 
  16. <div class="FilterName"> 
  17. <p>Brightness</p> 
  18. </div> 
  19.  
  20. <div class="FilterSetting"> 
  21. <input type="range" min="-100" max="100" step="1" value="0" data-filter="brightness"> 
  22. <span class="FilterValue">0</span> 
  23. </div> 
  24. </div> 
  25.  
  26. <div class="Filter"> 
  27. <div class="FilterName"> 
  28. <p>Contrast</p> 
  29. </div> 
  30.  
  31. <div class="FilterSetting"> 
  32. <input type="range" min="-100" max="100" step="1" value="0" data-filter="contrast"> 
  33. <span class="FilterValue">0</span> 
  34. </div> 
  35. </div> 
  36.  
  37. <div class="Filter"> 
  38. <div class="FilterName"> 
  39. <p>Saturation</p> 
  40. </div> 
  41.  
  42. <div class="FilterSetting"> 
  43. <input type="range" min="-100" max="100" step="1" value="0" data-filter="saturation"> 
  44. <span class="FilterValue">0</span> 
  45. </div> 
  46. </div> 
  47.  
  48. <div class="Filter"> 
  49. <div class="FilterName"> 
  50. <p>Vibrance</p> 
  51. </div> 
  52.  
  53. <div class="FilterSetting"> 
  54. <input type="range" min="-100" max="100" step="1" value="0" data-filter="vibrance"> 
  55. <span class="FilterValue">0</span> 
  56. </div> 
  57. </div> 
  58.  
  59. <div class="Filter"> 
  60. <div class="FilterName"> 
  61. <p>Exposure</p> 
  62. </div> 
  63.  
  64. <div class="FilterSetting"> 
  65. <input type="range" min="-100" max="100" step="1" value="0" data-filter="exposure"> 
  66. <span class="FilterValue">0</span> 
  67. </div> 
  68. </div> 
  69.  
  70. <div class="Filter"> 
  71. <div class="FilterName"> 
  72. <p>Hue</p> 
  73. </div> 
  74.  
  75. <div class="FilterSetting"> 
  76. <input type="range" min="0" max="100" step="1" value="0" data-filter="hue"> 
  77. <span class="FilterValue">0</span> 
  78. </div> 
  79. </div> 
  80.  
  81. <div class="Filter"> 
  82. <div class="FilterName"> 
  83. <p>Sepia</p> 
  84. </div> 
  85.  
  86. <div class="FilterSetting"> 
  87. <input type="range" min="0" max="100" step="1" value="0" data-filter="sepia"> 
  88. <span class="FilterValue">0</span> 
  89. </div> 
  90. </div> 
  91.  
  92. <div class="Filter"> 
  93. <div class="FilterName"> 
  94. <p>Gamma</p> 
  95. </div> 
  96.  
  97. <div class="FilterSetting"> 
  98. <input type="range" min="0" max="10" step="0.1" value="0" data-filter="gamma"> 
  99. <span class="FilterValue">0</span> 
  100. </div> 
  101. </div> 
  102.  
  103. <div class="Filter"> 
  104. <div class="FilterName"> 
  105. <p>Noise</p> 
  106. </div> 
  107.  
  108. <div class="FilterSetting"> 
  109. <input type="range" min="0" max="100" step="1" value="0" data-filter="noise"> 
  110. <span class="FilterValue">0</span> 
  111. </div> 
  112. </div> 
  113.  
  114. <div class="Filter"> 
  115. <div class="FilterName"> 
  116. <p>Clip</p> 
  117. </div> 
  118.  
  119. <div class="FilterSetting"> 
  120. <input type="range" min="0" max="100" step="1" value="0" data-filter="clip"> 
  121. <span class="FilterValue">0</span> 
  122. </div> 
  123. </div> 
  124.  
  125. <div class="Filter"> 
  126. <div class="FilterName"> 
  127. <p>Sharpen</p> 
  128. </div> 
  129.  
  130. <div class="FilterSetting"> 
  131. <input type="range" min="0" max="100" step="1" value="0" data-filter="sharpen"> 
  132. <span class="FilterValue">0</span> 
  133. </div> 
  134. </div> 
  135.  
  136. <div class="Filter"> 
  137. <div class="FilterName"> 
  138. <p>StackBlur</p> 
  139. </div> 
  140.  
  141. <div class="FilterSetting"> 
  142. <input type="range" min="0" max="20" step="1" value="0" data-filter="stackBlur"> 
  143. <span class="FilterValue">0</span> 
  144. </div> 
  145. </div> 
  146.  
  147.  
  148. <div class="Clear"></div> 
  149. </div> 
  150.  
  151. <div id="PresetFilters"> 
  152.  
  153. <a data-preset="vintage">Vintage</a> 
  154.  
  155. <a data-preset="lomo">Lomo</a> 
  156.  
  157. <a data-preset="clarity">Clarity</a> 
  158.  
  159. <a data-preset="sinCity">Sin City</a> 
  160.  
  161. <a data-preset="sunrise">Sunrise</a> 
  162.  
  163. <a data-preset="crossProcess">Cross Process</a> 
  164.  
  165. <a data-preset="orangePeel">Orange Peel</a> 
  166.  
  167. <a data-preset="love">Love</a> 
  168.  
  169. <a data-preset="grungy">Grungy</a> 
  170.  
  171. <a data-preset="jarques">Jarques</a> 
  172.  
  173. <a data-preset="pinhole">Pinhole</a> 
  174.  
  175. <a data-preset="oldBoot">Old Boot</a> 
  176.  
  177. <a data-preset="glowingSun">Glowing Sun</a> 
  178.  
  179. <a data-preset="hazyDays">Hazy Days</a> 
  180.  
  181. <a data-preset="herMajesty">Her Majesty</a> 
  182.  
  183. <a data-preset="nostalgia">Nostalgia</a> 
  184.  
  185. <a data-preset="hemingway">Hemingway</a> 
  186.  
  187. <a data-preset="concentrate">Concentrate</a> 
  188.  
  189. </div> 
  190.  
  191. </div> 
  192.  
  193. <div class="wooccmimageeditor" id="wooccmimageeditorpro"> 
  194. </div> 
  195.  
  196.  
  197. </div> 
  198.  
  199. <?php