Jump to content

Icono de método de pago rebelde - SOLUCIONADO


Recommended Posts

Hola.

 

Después de muchas horas, para lo que luego seguramente es una tontería, acudo a vosotros a ver si podéis ayudarme.

 

Se trata del Logo del pago contra reembolso, el módulo que lleve de origen Prestashop. Es el 1.6.1.11

 

Sale un señor con un paquete. Todo está bien, excepto que el señor, tiene la manía de desplazarse un buen trozo a la derecha, y a su vez, lo hace con el texto, lo de lo deja descuadrado con los otros medios de pago.....

 

Os dejo captura

 

post-1332183-0-15290200-1490776770_thumb.jpg

 

 

He probado mucho, pero al final no hay forma de que vaya a su sitio..... Se sale del cuadro, se baja, se pone en otro superior.....

 

Sí que he comprobado que la línea que lo "mueve" es esta:

 

<a href="{$link->getModuleLink('cashondeliveryplus', 'validation', [], true)}" title="{l s='Pay with cash on delivery' mod='cashondeliveryplus'}">

 

SI la quito, va a su sitio (aunque se estropean los márgenes del recuadro), pero claro, ya no tiene enlace al siguiente paso del reembolso....

 

SI pongo la imagen antes de la línea esa, pues el icono sale alto, y debajo a un lado, el texto..... pero dejarlo como el resto de métodos de pago, no lo consigo.

 

El archivo que "toco" es /modules/cashondeliveryplus/views/templates/hook/payment.tpl

 

Si alguien puede echarme una mano.....

 

Muchas gracias.

 

Saludos

Edited by Noeliapmm (see edit history)
Link to comment
Share on other sites

Hola.

 

Después de muchas horas, para lo que luego seguramente es una tontería, acudo a vosotros a ver si podéis ayudarme.

 

Se trata del Logo del pago contra reembolso, el módulo que lleve de origen Prestashop. Es el 1.6.1.11

 

Sale un señor con un paquete. Todo está bien, excepto que el señor, tiene la manía de desplazarse un buen trozo a la derecha, y a su vez, lo hace con el texto, lo de lo deja descuadrado con los otros medios de pago.....

 

Os dejo captura

 

attachicon.gifCaptura.JPG

 

 

He probado mucho, pero al final no hay forma de que vaya a su sitio..... Se sale del cuadro, se baja, se pone en otro superior.....

 

Sí que he comprobado que la línea que lo "mueve" es esta:

 

<a href="{$link->getModuleLink('cashondeliveryplus', 'validation', [], true)}" title="{l s='Pay with cash on delivery' mod='cashondeliveryplus'}">

 

SI la quito, va a su sitio (aunque se estropean los márgenes del recuadro), pero claro, ya no tiene enlace al siguiente paso del reembolso....

 

SI pongo la imagen antes de la línea esa, pues el icono sale alto, y debajo a un lado, el texto..... pero dejarlo como el resto de métodos de pago, no lo consigo.

 

El archivo que "toco" es /modules/cashondeliveryplus/views/templates/hook/payment.tpl

 

Si alguien puede echarme una mano.....

 

Muchas gracias.

 

Saludos

Compara ese TPL con el del modulo que lleva Prestashop por defecto que se llama "cashondelivery" a secas, y adaptalo a como esta el que viene el de por defecto.

 

¿Este que lleva el de la comision es el gratuito que corre por el foro u es otro?

Edited by Sergio Ruiz (see edit history)
Link to comment
Share on other sites

Bueno, he probado a poner el otro código completo, y pasa exactamente lo mismo..... Es muy parecido, cambiando su estructura en que el del "plus" lleva dos DIV al inicio, y el otro no.....

 

El código actual de mi "plus" es así:

 

<div class="row">
    <div class="col-xs-12 col-md-12">
        <p class="payment_module bankwire">
            <a href="{$link->getModuleLink('cashondeliveryplus', 'validation', [], true)}" title="{l s='Pay with cash on delivery' mod='cashondeliveryplus'}">
            <img src="{$this_path}cashondeliveryplus.gif" alt="{l s='Pay with cash on delivery' mod='cashondeliveryplus'}" style="float:left;"/>   
                {l s='Pay with cash on delivery' mod='cashondeliveryplus'}
            <br/>    {l s='You pay for the merchandise upon delivery ---- ' mod='cashondeliveryplus'} 
            {if isset($codfee) && $codfee}
            {l s=' The COD fee is' mod='cashondeliveryplus'}  {$codfee}
            {else}
            {l s=' The COD fee is' mod='cashondeliveryplus'}
            {/if}
            <br style="clear:both;" />
            </a>
        </p>
    </div>
</div>
 
 
Deja la imágen así:
 
post-1332183-0-54901400-1490873070_thumb.jpg
 
 
He modificado el CSS para que al menos quedara con recuadro y demás.....
 
Si quito el "row" se queda más corto el recuadro, y si quito el "Col-xs12....", queda más largo, pero no cambia nada más. 
 
 
Si quito la imágen, pues el texto se queda a la altura de los superiores, porque se mueve a la izquierda al no tener la foto, pero claro, no lleva ninguna imagen ese método de pago, y no queda bien. 
 
Si se os ocurre algo.....
 
Gracias de nuevo.
 
 
 
Link to comment
Share on other sites

Esto:

            <img src="{$this_path}cashondeliveryplus.gif" alt="{l s='Pay with cash on delivery' mod='cashondeliveryplus'}" style="float:left;"/>   

Lo quitas

 

Despues el:

<a href="{$link->getModu

añadele una class

<a class="cash" href="{$link->getModu

Y te tomara el icono que lleva por defecto el modulo sin comision, que en el global.css, la clase "cash"

p.payment_module a.cash {
    background: url(../img/cash.png) 15px 15px no-repeat #fbfbfb;
}

Esta asi, tomando una imagen como fondo.

 

Saludos,

  • Like 1
Link to comment
Share on other sites

PERFECTÍSIMO.......

 

:wub:  :wub:  :wub:  :wub:

 

Ahora sale así:

 

post-1332183-0-68333500-1490987915_thumb.jpg

 

 

Utiliza el logo del efectivo, pero me sirve. 

 

He cambiado esa imagen por la del "mensajero" del "plus", y la pone, pero queda un poco alta. Ya es cuestión de acoplar eso con tranquilidad..... o poner la que yo quiera. 

 

Debo repasar mis conocimientos de las bases de programación..... las "class" y similares. 

 

Mil gracias.

 

Saludos

Link to comment
Share on other sites

  • nadie locked this topic
Guest
This topic is now closed to further replies.
×
×
  • Create New...