display_front_wccs_pro

The WooCommerce Checkout Manager display front wccs pro function.

Description

display_front_wccs_pro(); 

Usage

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

Defined (1)

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

/includes/classes/main.php  
  1. function display_front_wccs_pro() { 
  2. global $woocommerce; 
  3. $options = get_option( 'wccs_settings' ); 
  4.  
  5. if ( is_checkout() ) { 
  6. if (!empty($options['checkness']['additional_info'])) { 
  7. echo '<style type="text/css">.woocommerce-shipping-fields h3:first-child { display: none; }</style>'; 
  8.  
  9. echo '<style type="text/css">'.$options['checkness']['custom_css_w'].'  
  10.  
  11. @media screen and (max-width: 685px) { 
  12.  
  13. .woocommerce .checkout .container .wooccm-btn { 
  14. padding: 1% 6% !important; 
  15.  
  16. @media screen and (max-width: 685px) { 
  17.  
  18. .woocommerce .checkout .container .wooccm-btn { 
  19. padding: 1% 8% !important; 
  20.  
  21. @media screen and (max-width: 770px) { 
  22.  
  23. .checkout .wooccm_each_file .wooccm-image-holder { 
  24. width: 20% !important; 
  25. .checkout name.wooccm_name, .wooccm_each_file span.container{ 
  26. width: 80% !important; 
  27. .checkout .container .wooccm-btn { 
  28. padding: 1% 10% !important; 
  29.  
  30. @media screen and (max-width: 992px) { 
  31.  
  32. .wooccm_each_file .wooccm-image-holder { 
  33. width: 26% !important; 
  34. name.wooccm_name, .wooccm_each_file span.container{ 
  35. width: 74% !important; 
  36. .container .wooccm-btn { 
  37. padding: 5px 8px !important; 
  38. font-size: 12px !important; 
  39.  
  40. .container .wooccm-btn { 
  41. padding: 1.7% 6.7%; 
  42.  
  43. #caman_content .blockUI.blockOverlay:before, #caman_content .loader:before { 
  44. height: 1em; 
  45. width: 1em; 
  46. position: absolute; 
  47. top: 50%; 
  48. left: 50%; 
  49. margin-left: -.5em; 
  50. margin-top: -.5em; 
  51. display: block; 
  52. -webkit-animation: spin 1s ease-in-out infinite; 
  53. -moz-animation: spin 1s ease-in-out infinite; 
  54. animation: spin 1s ease-in-out infinite; 
  55. content: ""; 
  56. background: url('.plugins_url('woocommerce/assets/images/icons/loader.svg').') center center/cover; 
  57. line-height: 1; 
  58. text-align: center; 
  59. font-size: 2em; 
  60. color: rgba(0, 0, 0, .75); 
  61.  
  62. .file_upload_button_hide { display: none !important; } 
  63.  
  64. .wooccm_each_file { 
  65. display: block; 
  66. padding-top: 20px; 
  67. clear: both; 
  68. text-align: center; 
  69. .wooccm_each_file .wooccm-image-holder { 
  70. width: 20%; 
  71. display: block; 
  72. float: left; 
  73. .wooccm-btn.disable { 
  74. margin-right: 10px; 
  75. cursor: auto; 
  76. zoom.wooccm_zoom, edit.wooccm_edit, dele.wooccm_dele { 
  77. padding: 5px; 
  78. .wooccm_each_file name { 
  79. font-size: 18px; 
  80. name.wooccm_name, .wooccm_each_file span.container { 
  81. display: block; 
  82. padding: 0 0 10px 20px; 
  83. float: left; 
  84. width: 80%; 
  85.  
  86. .wooccm_each_file img{  
  87. display: inline-block; 
  88. height: 90px !Important; 
  89. border: 2px solid #767676 !important; 
  90. border-radius: 4px; 
  91. .file_upload_account:before{ content: "\f317";font-family: dashicons; margin-right: 10px; } 
  92. .wooccm_each_file .wooccm_zoom:before{ content: "\f179";font-family: dashicons; margin-right: 5px; } 
  93. .wooccm_each_file .wooccm_edit:before{ content: "\f464";font-family: dashicons; margin-right: 5px; } 
  94. .wooccm_each_file .wooccm_dele:before{ content: "\f158";font-family: dashicons; margin-right: 5px; } 
  95. .wooccm-btn{ 
  96. display: inline-block; 
  97. padding: 6px 12px; 
  98. margin-bottom: 0; 
  99. font-size: 14px; 
  100. font-weight: 400; 
  101. line-height: 1.42857143; 
  102. text-align: center; 
  103. white-space: nowrap; 
  104. vertical-align: middle; 
  105. cursor: pointer; 
  106. -webkit-user-select: none; 
  107. -moz-user-select: none; 
  108. -ms-user-select: none; 
  109. user-select: none; 
  110. background-image: none; 
  111. border: 1px solid transparent; 
  112. border-radius: 4px; 
  113. font-family: "Raleway", Arial, Helvetica, sans-serif;  
  114. color: #767676; 
  115. background-color: buttonface; 
  116. align-items: flex-start; 
  117. text-indent: 0px; 
  118. text-shadow: none; 
  119. letter-spacing: normal; 
  120. word-spacing: normal; 
  121. text-rendering: auto; 
  122. .wooccm-btn-primary { 
  123. width: 100%; 
  124. color: #fff; 
  125. background-color: #428bca; 
  126. border-color: #357ebd; 
  127.  
  128. .wooccm-btn-danger { 
  129. color: #fff; 
  130. background-color: #d9534f; 
  131. border-color: #d43f3a; 
  132. margin-right: 10px; 
  133. .wooccm_each_file .container a:hover, .wooccm_each_file .container a:focus, .wooccm_each_file .container a:active, .wooccm_each_file .container a:visited, .wooccm_each_file .container a:link { 
  134. color: #fff !important; 
  135. #caman_content #wooccmtoolbar #close:hover, #caman_content #wooccmtoolbar #save:hover { 
  136. background: #1B1917 !Important; 
  137. .wooccm-btn-zoom { 
  138. color: #fff; 
  139. background-color: #5cb85c; 
  140. border-color: #4cae4c; 
  141. margin-right: 10px; 
  142. }  
  143.  
  144. .wooccm-btn-edit { 
  145. color: #fff; 
  146. background-color: #f0ad4e; 
  147. border-color: #eea236; 
  148. margin-right: 10px; 
  149.  
  150. </style>'; 
  151.