Merge pull request #22 from open-pay/developer

Developer

openpay_banks/catalog/view/theme/default/stylesheet/openpay_banks.css

@@ -38,7 +38,13 @@
     margin-bottom: 30px;
 }
 
+#payment .openpay__text {
+    background-color: #F5F7F9;
+}
 
+#payment .openpay__link {
+    color: #11BFF8;
+}
 
 /* Responsive: Portrait tablets and up */
 @media screen and (min-width: 768px) {

openpay_banks/catalog/view/theme/default/template/extension/payment/openpay_banks.twig

@@ -1,14 +1,14 @@
 <link rel="stylesheet" type="text/css" href="/catalog/view/theme/default/stylesheet/openpay_banks.css">
 
 <div id="msgBox" role="alert"><i></i><span style="margin-left:10px;"></span></div>
-<div class="content" id="payment">
+<div class="openpay content" id="payment">
 
     <h2>Pago con transferencia bancaria (SPEI)</h2>
     <div class="mb20">
         <img src="https://openpay-plugins-screenshots.s3.amazonaws.com/spei.png" alt="SPEI" class="tiendas">
     </div>
-    <div class="well">
-        Una vez que des clic en el botón <strong>Confirmar Orden</strong>, tu pedido será puesto en <strong>Espera de pago</strong> y deberás de imprimir las instrucciones con las cuales podrás liquidar tu pedido. <br><a target="_blank" href="http://www.openpay.mx/bancos.html">Bancos que ofrecen el servicio SPEI </a>.
+    <div class="well openpay__text">
+        Una vez que des clic en el botón <strong>Confirmar Orden</strong>, tu pedido será puesto en <strong>Espera de pago</strong> y deberás de imprimir las instrucciones con las cuales podrás liquidar tu pedido. <br><a class="openpay__link" target="_blank" href="http://www.openpay.mx/bancos.html">Bancos que ofrecen el servicio SPEI </a>.
     </div>
 
     <div class="pull-right">

openpay_codi/catalog/view/theme/default/stylesheet/openpay_codi.css

@@ -38,7 +38,9 @@
     margin-bottom: 30px;
 }
 
-
+#payment .codi__well {
+    background-color: #F5F7F9;
+}
 
 /* Responsive: Portrait tablets and up */
 @media screen and (min-width: 768px) {

openpay_codi/catalog/view/theme/default/template/extension/payment/openpay_codi.twig

@@ -14,7 +14,7 @@
         <p class="codi__text">CoDi® es una plataforma desarrollada por Banco de México que permite hacer cobros a través de un código QR desde un celular.</p> 
       </div>
     </div>
-    <div class="well">
+    <div class="well codi__well">
         Una vez que des clic en el botón <strong>Confirmar Orden</strong>, tu pedido será puesto en <strong>Espera de pago</strong>. Localiza la sección de CoDi® en tu app móvil, sigue los pasos para escanear el código QR y completa tu pago.
     </div>
 

openpay_pse/catalog/view/theme/default/stylesheet/openpay_pse.css

@@ -38,7 +38,13 @@
     margin-bottom: 30px;
 }
 
+#payment .openpay__text {
+    background-color: #F5F7F9;
+}
 
+#payment .openpay__link {
+    color: #11BFF8;
+}
 
 /* Responsive: Portrait tablets and up */
 @media screen and (min-width: 768px) {

openpay_pse/catalog/view/theme/default/template/extension/payment/openpay_pse.twig

@@ -1,13 +1,13 @@
 <link rel="stylesheet" type="text/css" href="/catalog/view/theme/default/stylesheet/openpay_pse.css">
 
 <div id="msgBox" role="alert"><i></i><span style="margin-left:10px;"></span></div>
-<div class="content" id="payment">
+<div class="openpay content" id="payment">
 
     <h2>Pago vía PSE</h2>
     <div class="mb20">
         <img src="/catalog/view/theme/default/image/openpay_pse_logo.png" alt="PSE" class="tiendas">
     </div>
-    <div class="well">
+    <div class="well openpay__text">
         Una vez que des clic en el botón <strong>Confirmar Orden</strong>, se procesará su pago a través de la plataforma Openpay.
     </div>
 

openpay_stores/catalog/view/theme/default/stylesheet/openpay_stores.css

@@ -38,7 +38,13 @@
     margin-bottom: 30px;
 }
 
+#payment .openpay__text {
+    background-color: #F5F7F9;
+}
 
+#payment .openpay__link {
+    color: #11BFF8;
+}
 
 /* Responsive: Portrait tablets and up */
 @media screen and (min-width: 768px) {

openpay_stores/catalog/view/theme/default/template/extension/payment/openpay_stores.twig

@@ -1,32 +1,23 @@
 <link rel="stylesheet" type="text/css" href="/catalog/view/theme/default/stylesheet/openpay_stores.css">
 
 <div id="msgBox" role="alert"><i></i><span style="margin-left:10px;"></span></div>
-<div class="content" id="payment">
+<div class="openpay content" id="payment">
 
     <h2>{{ text_title }}</h2>
     <div class="mb20">
       {% if country == 'MX' %}
-        <img src="https://openpay-plugins-screenshots.s3.amazonaws.com/openpay_stores.png" alt="Tiendas" class="tiendas">
+        <img src="https://img.openpay.mx/plugins/paynet_logos.png" alt="Tiendas" class="tiendas">
       {% else %}
-        <div class="store-logos">
-          <div class="store-logos__puntored">
-             <img src="/catalog/view/theme/default/image/puntored_logo.jpeg" alt="Punto Red" class="tiendas">
-          </div>
-          <div class="store-logos__via">
-             <img src="/catalog/view/theme/default/image/baloto_logo.png" alt="Baloto" class="tiendas">
-              <img src="/catalog/view/theme/default/image/via_logo.png" alt="Via" class="tiendas">
-          </div>
-        </div>
+        <img src="https://img.openpay.mx/plugins/puntos_recaudo_logos.png" alt="Tiendas" class="tiendas">
       {% endif %}
     </div>
-    <div class="well">
-        Una vez que des clic en el botón <strong>Confirmar Orden</strong>, tu pedido será puesto en <strong>Espera de pago</strong>, deberás de imprimir tu recibo pago el cual podrás liquidar en cualquiera de las tiendas participantes. <br> <a href="{% if country == 'MX' %} http://www.openpay.mx/tiendas-de-conveniencia.html {% else %} https://www.openpay.co/tiendas/ {% endif %}" target="_blank">Ver todas las tiendas</a>.
+    <div class="well openpay__text">
+        Una vez que des clic en el botón <strong>Confirmar Orden</strong>, tu pedido será puesto en <strong>Espera de pago</strong>, deberás de imprimir tu recibo pago el cual podrás liquidar en cualquiera de las tiendas participantes. <br> <a class="openpay__link" href="{% if country == 'MX' %} http://www.openpay.mx/tiendas-de-conveniencia.html {% else %} https://www.openpay.co/tiendas/ {% endif %}" target="_blank">Ver todas las tiendas</a>.
     </div>
 
     <div class="pull-right">
             <button type="button" class="btn btn-primary" id="button-confirm" data-loading-text="Processing">{{ button_confirm }}</button>
     </div>
-
 </div>
 
 <script type="text/javascript">