errorEtiqueta.php 7.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255
  1. <?php
  2. require_once('shared/conexionBD.php');
  3. $puedeContactar = false;
  4. if(isset($_POST['data'])){
  5. $dataContactar = $_POST['data'];
  6. $puedeContactar = true;
  7. }
  8. ?>
  9. <!DOCTYPE html>
  10. <html xml:lang="es" lang="es">
  11. <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
  12. <head>
  13. <!-- Global site tag (gtag.js) - Google Analytics -->
  14. <!--Producción-->
  15. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
  16. <!--Producción-->
  17. <script>
  18. window.dataLayer = window.dataLayer || [];
  19. function gtag(){dataLayer.push(arguments);}
  20. gtag('js', new Date());
  21. gtag('config', 'UA-125019062-2');
  22. </script>
  23. <!-- End Global site tag (gtag.js) - Google Analytics -->
  24. <!-- [if IE]> -->
  25. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  26. <meta http-equiv="cleartype" content="on"/>
  27. <!-- <![endif] -->
  28. <meta content="width=device-width, initial-scale=1" name="viewport"/>
  29. <title>Etiqueta Inteligente QR – S&amp;P</title>
  30. <meta name="keywords" content="Varien, E-commerce"/>
  31. <meta name="robots" content="INDEX,FOLLOW"/>
  32. <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
  33. <!-- ================================================================================ -->
  34. <script type="text/javascript" src="js/events.js"></script>
  35. <!-- ================================================================================ -->
  36. <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
  37. <!-- ================================================================================ -->
  38. <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
  39. <link href="css/flexslider.css" rel="stylesheet">
  40. <!-- ================================================================================ -->
  41. </head>
  42. <body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
  43. <?php include 'header.php' ?>
  44. <script type="text/javascript">
  45. //<![CDATA[
  46. if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
  47. HIB.menu.init();
  48. }
  49. //]]>
  50. </script>
  51. <div class="main-container col1-layout">
  52. <div class="main">
  53. <div class="col-main">
  54. <main>
  55. <div id="overlaySearch" class="overlay">
  56. <!-- Overlay content -->
  57. <div id="searchResults" class="overlay-content grid"></div>
  58. </div>
  59. <main>
  60. <div class="page-title category-title dark">
  61. <img src="media/home/categories_home/<?php
  62. if(file_exists("media/home/categories_home/".$lineaGet.".jpg")){
  63. echo($lineaGet);
  64. }else{
  65. echo('Hábitat');
  66. }
  67. ?>.jpg" alt="<?php echo($lineaGet); ?>" class="category-image" />
  68. <div class="category-title-container">
  69. <div class="category-title-content container">
  70. <h2 class="seriesTitle m-top10">B&uacute;squeda de productos<br>
  71. <b>Etiqueta Inteligente QR</b>
  72. </h2>
  73. </div>
  74. </div>
  75. </div>
  76. <div class="container-error">
  77. <div class="error-header">PRODUCTO NO ENCONTRADO</div>
  78. <div class="error-msg">El producto buscado no se encontró dentro del Catálogo de Productos en Línea.<br>
  79. Es posible que el producto que busca se encuentre descontinuado o bien, que se trate de un desarrollo especial. Contacte al Departamento de Comercial para más información.
  80. </div>
  81. <?php if($puedeContactar && !empty($dataContactar)) { ?>
  82. <a href="javascript:void(0);" type="button" id="ficha" class="btn btn-default a-btn" onclick="contactar('<?php echo $dataContactar; ?>')">
  83. <i class="fa fa-envelope" aria-hidden="true"></i>
  84. <span>CONTACTAR AL DEPARTAMENTO COMERCIAL</span>
  85. </a>
  86. <?php } ?>
  87. <form id="frm" action="contacto.php" method="post">
  88. <input type="hidden" name="data-contactar" id="data-contactar" value="">
  89. </form>
  90. </div>
  91. </main>
  92. </main>
  93. </div>
  94. </div>
  95. </div>
  96. <style>
  97. #dimension {
  98. height:250px;
  99. overflow: auto;
  100. }
  101. #dimension table thead tr th,table tbody tr td {
  102. font-size: 14px;
  103. font-weight: bold;
  104. text-align: center;
  105. }
  106. .container-error{
  107. padding: 0 32px 32px 32px;
  108. display: flex;
  109. align-items: center;
  110. justify-content: center;
  111. flex-direction: column;
  112. }
  113. .error-header{
  114. border-bottom: 3px solid #4b4b4b;
  115. color: black;
  116. text-align: center;
  117. padding: 14px 16px;
  118. margin: 12px;
  119. }
  120. .error-msg{
  121. padding: 25px;
  122. border: 1px solid #ccc;
  123. margin-bottom: 10px;
  124. }
  125. /* Style the tab */
  126. .tab {
  127. overflow: hidden;
  128. border-bottom: 1px solid #ccc;
  129. padding: 5px;
  130. }
  131. /* Style the buttons inside the tab */
  132. .tab button {
  133. background-color: inherit;
  134. float: left;
  135. border: none;
  136. outline: none;
  137. padding: 14px 16px;
  138. transition: 0.1s;
  139. font-size: 17px;
  140. margin: 7px;
  141. color: #969696;
  142. }
  143. /* Change background color of buttons on hover */
  144. .tab button:hover {
  145. border-bottom: 3px solid #4b4b4b;
  146. color:black;
  147. }
  148. /* Create an active/current tablink class */
  149. .tab button.active {
  150. border-bottom: 3px solid #4b4b4b;
  151. color:black;
  152. }
  153. /* Style the tab content */
  154. .tabcontent {
  155. display: none;
  156. padding: 25px;
  157. border: 1px solid #ccc;
  158. border-top: none;
  159. }
  160. .tabcontent p {
  161. font-size: 14px;
  162. }
  163. /*---------------------------------------*/
  164. select.input-sm {
  165. line-height: 0px !important;
  166. font-size: 14px !important;
  167. }
  168. #ficha {
  169. background: cornflowerblue;
  170. height: 37px;
  171. border-radius: 0px!important;
  172. transition: background 0.3s ease 0s;
  173. color:white;
  174. }
  175. #ver-3d {
  176. background: cornflowerblue;
  177. height: 34px;
  178. transition: background 0.3s ease 0s;
  179. }
  180. #ver-3d:hover,#ficha:hover {
  181. background: #4673c5;
  182. color: #fff;
  183. }
  184. #tblSeriesModels_info {
  185. margin-bottom: 20px!important;
  186. }
  187. .a-btn{
  188. font-size: 1.6rem !important;
  189. height: 36px;
  190. background: transparent none repeat scroll 0% 0%;
  191. padding-top: 11px !important;
  192. padding-bottom: 0px !important;
  193. }
  194. </style>
  195. </main>
  196. </main>
  197. </div>
  198. </div>
  199. </div>
  200. <link rel="stylesheet" type="text/css" href="css/style-table.css" media="all" />
  201. <script>
  202. function contactar(cad){
  203. let frm = document.getElementById("frm");
  204. let dataContactar = document.getElementById("data-contactar");
  205. dataContactar.value = cad;
  206. frm.submit();
  207. }
  208. </script>
  209. <?php
  210. include 'footer.php' ?>
  211. </div>
  212. </div>
  213. </body>
  214. </html>