Como modificar logos pago en Pagina Checkout

Antakarana · October 15, 2014

Hola a todos,

Me gustaría saber si alguien puede indicarme como resolver este problema. Resulta que queremos implementar una nueva plataforma de pago llamada multisafepay. El caso es que tras instalar su módulo necesito hacer algunos ajustes en la página de check out para que quede todo bien.

Esta es la imagen tal y como se ve cuando acabas de instalar el modulo y vas a la pagina checkout opciones de pago:

Como puede observarse aparece un una imagen mal linkada "?" y además aparece descuadrado.

Para solucionarlo he localizado el archivo TPL que hace referencia a ese cuadro y que contiene el siguiente código:

<p class="payment_module">
	
		{if isset($use_mobile) && $use_mobile}
			<img src="{$protocol}www.multisafepay.com/downloads/betaalbutton/msp/multisafepay-betaalveiligonline-180px.gif" />
		{else}
		
				<img src="{$protocol}www.multisafepay.com/downloads/betaalbutton/msp/multisafepay-betaalveiligonline-180px.gif" />
				{if isset($html)}
					{$html}
				{/if}
		{/if}
	
</p>

<form id="multisafepay_payment_form" action="{$base_dir_ssl}modules/multisafepay/fastcheckout/submit.php" data-ajax="false" title="{l s='Pay with Multisafepay' mod='multisafepay'}" method="post">
	<input type="hidden" name="express_checkout" value="{$Multisafepay_payment_type}"/>
	<input type="hidden" name="current_shop_url" value="{$Multisafepay_current_shop_url}" />
	{if isset($gatewaylist)}
		{$gatewaylist}
		<input type="hidden" name="method" value="gateways"/>
	{/if}
	
	{if isset($html)}
		<input type="hidden" name="method" value="connect"/>
	{/if}
	{if isset($html2)}
					{$html2}
					<input type="hidden" name="gateway" value="fastcheckout"/>
				{/if}
	<a href="#" id="paybutton" class="button" style="display:none; float:right;">{l s='Confirm Order and start payment' mod='multisafepay'} »</a>
	<div class="clear-msp"></div>
</form>

He modificado las líneas donde se apuntaba a la imagen "?" para que apunte una imagen en nuestro servidor. Para ello donde habia esto:

<img src="{$protocol}www.multisafepay.com/downloads/betaalbutton/msp/multisafepay-betaalveiligonline-180px.gif" />

He puesto esto:

<img src="https://nutri-cosmetica.com/img/logo-multisafepay.png" />

De modo que ahora queda así:

Ahora la pregunta es ¿Cómo puedo lograr que quede así?

Es decir que el logo quede alineado con el resto de dibujos.

Tengo el modulo desactivado hasta que solucione este problema.

Gracias!!!

Edited October 15, 2014 by Antakarana (see edit history)

ventura · October 16, 2014

Queda descuadrado porque no viene configurado para bootstrap, prueba asi:

<div class="row">
	<div class="col-xs-12 col-md-6">
        <p class="payment_module">
	
		{if isset($use_mobile) && $use_mobile}
			<img src="{$protocol}www.multisafepay.com/downloads/betaalbutton/msp/multisafepay-betaalveiligonline-180px.gif" />
		{else}
		
				<img src="{$protocol}www.multisafepay.com/downloads/betaalbutton/msp/multisafepay-betaalveiligonline-180px.gif" />
				{if isset($html)}
					{$html}
				{/if}
		{/if}
	
        </p>
    </div>
</div>

Antakarana · October 16, 2014

Hola,

Gracias por la respuesta... he probado a sustituir el código original con el que pusiste pero se sigue viendo desalineado...

Alguna otra idea?

Por cierto... que es el bootstrap?

Edito: veo que bootstrap según leo en internet es una especie de código abierto para crear webs responsive con librerías de elementos propias, etc.

Edited October 16, 2014 by Antakarana (see edit history)

ventura · October 17, 2014

<div class="row">
<div class="col-xs-12 col-md-6">
        <p class="payment_module">
{if isset($use_mobile) && $use_mobile} <img src="{$protocol}www.multisafepay.com/downloads/betaalbutton/msp/multisafepay-betaalveiligonline-180px.gif" /> {else} <img src="{$protocol}www.multisafepay.com/downloads/betaalbutton/msp/multisafepay-betaalveiligonline-180px.gif" /> {if isset($html)} {$html} {/if} {/if} </p> <form id="multisafepay_payment_form" action="{$base_dir_ssl}modules/multisafepay/fastcheckout/submit.php" data-ajax="false" title="{l s='Pay with Multisafepay' mod='multisafepay'}" method="post"> <input type="hidden" name="express_checkout" value="{$Multisafepay_payment_type}"/> <input type="hidden" name="current_shop_url" value="{$Multisafepay_current_shop_url}" /> {if isset($gatewaylist)} {$gatewaylist} <input type="hidden" name="method" value="gateways"/> {/if} {if isset($html)} <input type="hidden" name="method" value="connect"/> {/if} {if isset($html2)} {$html2} <input type="hidden" name="gateway" value="fastcheckout"/> {/if} <a href="#" id="paybutton" class="button" style="display:none; float:right;">{l s='Confirm Order and start payment' mod='multisafepay'} »</a> <div class="clear-msp"></div> </form> </p> </div> </div>

Prueba asi, es posible que tengas que editar el css, para poner o quitar algún float

Si, bootstrap es un framework para editar plantilla, la plantilla default de la version 1.6 viene implementada con el, de ahí que a veces pueda haber conflictos con algunos modulos

Edited October 17, 2014 by ventura (see edit history)

Antakarana · October 17, 2014

Hola de nuevo,

Gracias por la sugerencia pero continua igual... se ve descuadrado.

ventura · October 17, 2014

Asi sin poder verlo en tu web no te puedo decir nada mas

Antakarana · October 17, 2014

estoy online... si quieres te lo activo

Antakarana · October 21, 2014

Nadie más tiene alguna sugerencia??

ventura · October 21, 2014

Activalo ahora y lo miramos si quieres

Antakarana · October 21, 2014

Hola!

OK gracias ahora mismo lo activo!

Edito: activado!

Edited October 21, 2014 by Antakarana (see edit history)

Antakarana · October 21, 2014

Hola,

Has podido averiguar algo?

ventura · October 21, 2014

Sin saber mas de como esta programado el modulo, yo meteria la imagen dentro del enlace, otra opcion seria ponerle una clase a la imagen y moverla como quieras

    {if isset($use_mobile) && $use_mobile}
            <img src="{$protocol}www.multisafepay.com/downloads/betaalbutton/msp/multisafepay-betaalveiligonline-180px.gif" />
        {else}
        
                <img src="{$protocol}www.multisafepay.com/downloads/betaalbutton/msp/multisafepay-betaalveiligonline-180px.gif" />
                {if isset($html)}
                    {$html}
                {/if}
        {/if}

De esta manera

  <a href="#" id="paybutton" class="button" style="display:none; float:right;">{l s='Confirm Order and start payment' mod='multisafepay'} >  AQUI LA IMAGEN</a>

Edited October 21, 2014 by ventura (see edit history)

Antakarana · October 21, 2014

OK gracias, voy a probar y te digo...

Edito: ahora el logo ha desaparecido y solo se ve esto:

Este es el código que he puesto:

<form id="multisafepay_payment_form" action="{$base_dir_ssl}modules/multisafepay/fastcheckout/submit.php" data-ajax="false" title="{l s='Pay with Multisafepay' mod='multisafepay'}" method="post">
	<input type="hidden" name="express_checkout" value="{$Multisafepay_payment_type}"/>
	<input type="hidden" name="current_shop_url" value="{$Multisafepay_current_shop_url}" />
	{if isset($gatewaylist)}
		{$gatewaylist}
		<input type="hidden" name="method" value="gateways"/>
	{/if}
	
	{if isset($html)}
		<input type="hidden" name="method" value="connect"/>
	{/if}
	{if isset($html2)}
					{$html2}
					<input type="hidden" name="gateway" value="fastcheckout"/>
				{/if}
	<a href="#" id="paybutton" class="button" style="display:none; float:right;">{l s='Confirm Order and start payment' mod='multisafepay'} 
	
	{if isset($use_mobile) && $use_mobile}
            <img src="https://nutri-cosmetica.com/img/logo-multisafepay.png" />
        {else}
        
                <img src="https://nutri-cosmetica.com/img/logo-multisafepay.png" />
                {if isset($html)}
                    {$html}
                {/if}
        {/if}</a>
	<div class="clear-msp"></div>
</form>

Edited October 21, 2014 by Antakarana (see edit history)

ventura · October 21, 2014

Le habras puesto tambien

y luego los cierres no ¿?

Antakarana · October 21, 2014

He puesto el código tal como lo indique en el mensaje anterior.

Donde pusiste AQUI LA IMAGEN pegue el código de arriba... tal cual

Voy a insertar lo que ahora comentas pero no me queda muy claro donde ponerlo...

Edito: he puesto esto pero se ve igual...

<div class="row">
<div class="col-xs-12 col-md-6">
<p class="payment_module">

<form id="multisafepay_payment_form" action="{$base_dir_ssl}modules/multisafepay/fastcheckout/submit.php" data-ajax="false" title="{l s='Pay with Multisafepay' mod='multisafepay'}" method="post">
	<input type="hidden" name="express_checkout" value="{$Multisafepay_payment_type}"/>
	<input type="hidden" name="current_shop_url" value="{$Multisafepay_current_shop_url}" />
	{if isset($gatewaylist)}
		{$gatewaylist}
		<input type="hidden" name="method" value="gateways"/>
	{/if}
	
	{if isset($html)}
		<input type="hidden" name="method" value="connect"/>
	{/if}
	{if isset($html2)}
					{$html2}
					<input type="hidden" name="gateway" value="fastcheckout"/>
				{/if}
	<a href="#" id="paybutton" class="button" style="display:none; float:right;">{l s='Confirm Order and start payment' mod='multisafepay'} 
	
	
	{if isset($use_mobile) && $use_mobile}
            <img src="https://nutri-cosmetica.com/img/logo-multisafepay.png" />
        {else}
        
                <img src="https://nutri-cosmetica.com/img/logo-multisafepay.png" />
                {if isset($html)}
                    {$html}
                {/if}
        {/if}</a>
		
	<div class="clear-msp"></div>

</form>


</div>
</div>
</p>

Edito de nuevo: ahora lo he puesto así y algo ha mejorado pero no se ve el logo:

<form id="multisafepay_payment_form" action="{$base_dir_ssl}modules/multisafepay/fastcheckout/submit.php" data-ajax="false" title="{l s='Pay with Multisafepay' mod='multisafepay'}" method="post">
	<input type="hidden" name="express_checkout" value="{$Multisafepay_payment_type}"/>
	<input type="hidden" name="current_shop_url" value="{$Multisafepay_current_shop_url}" />
	{if isset($gatewaylist)}
		{$gatewaylist}
		<input type="hidden" name="method" value="gateways"/>
	{/if}
	
	{if isset($html)}
		<input type="hidden" name="method" value="connect"/>
	{/if}
	{if isset($html2)}
					{$html2}
					<input type="hidden" name="gateway" value="fastcheckout"/>
				{/if}
	<a href="#" id="paybutton" class="button" style="display:none; float:right;">{l s='Confirm Order and start payment' mod='multisafepay'} 
	
<div class="row">
<div class="col-xs-12 col-md-6">
<p class="payment_module">
	
	
	{if isset($use_mobile) && $use_mobile}
            <img src="https://nutri-cosmetica.com/img/logo-multisafepay.png" />
        {else}
        
                <img src="https://nutri-cosmetica.com/img/logo-multisafepay.png" />
                {if isset($html)}
                    {$html}
                {/if}
        {/if}</a>
		

</div>
</div>
</p>
		
	<div class="clear-msp"></div>

</form>

Edited October 21, 2014 by Antakarana (see edit history)

ventura · October 21, 2014

No, lo que te he puesto al principio del codigo, al principio del todo y los cierres al final del todo , primero el </p> y luego los </div>

Edited October 21, 2014 by ventura (see edit history)

Antakarana · October 22, 2014

Hola,

Lo he probado así:

<form id="multisafepay_payment_form" action="{$base_dir_ssl}modules/multisafepay/fastcheckout/submit.php" data-ajax="false" title="{l s='Pay with Multisafepay' mod='multisafepay'}" method="post">
	<input type="hidden" name="express_checkout" value="{$Multisafepay_payment_type}"/>
	<input type="hidden" name="current_shop_url" value="{$Multisafepay_current_shop_url}" />
	{if isset($gatewaylist)}
		{$gatewaylist}
		<input type="hidden" name="method" value="gateways"/>
	{/if}
	
	{if isset($html)}
		<input type="hidden" name="method" value="connect"/>
	{/if}
	{if isset($html2)}
					{$html2}
					<input type="hidden" name="gateway" value="fastcheckout"/>
				{/if}
	<a href="#" id="paybutton" class="button" style="display:none; float:right;">{l s='Confirm Order and start payment' mod='multisafepay'} 
	
<div class="row">
<div class="col-xs-12 col-md-6">
<p class="payment_module">

	
	{if isset($use_mobile) && $use_mobile}
            <img src="https://nutri-cosmetica.com/img/logo-multisafepay.png" />
        {else}
        
                <img src="https://nutri-cosmetica.com/img/logo-multisafepay.png" />
                {if isset($html)}
                    {$html}
                {/if}
        {/if}</a>
		
	<div class="clear-msp"></div>

</p>
</div>
</div>

	
</form>

Y también así:

<div class="row">
<div class="col-xs-12 col-md-6">
<p class="payment_module">


<form id="multisafepay_payment_form" action="{$base_dir_ssl}modules/multisafepay/fastcheckout/submit.php" data-ajax="false" title="{l s='Pay with Multisafepay' mod='multisafepay'}" method="post">
	<input type="hidden" name="express_checkout" value="{$Multisafepay_payment_type}"/>
	<input type="hidden" name="current_shop_url" value="{$Multisafepay_current_shop_url}" />
	{if isset($gatewaylist)}
		{$gatewaylist}
		<input type="hidden" name="method" value="gateways"/>
	{/if}
	
	{if isset($html)}
		<input type="hidden" name="method" value="connect"/>
	{/if}
	{if isset($html2)}
					{$html2}
					<input type="hidden" name="gateway" value="fastcheckout"/>
				{/if}
	<a href="#" id="paybutton" class="button" style="display:none; float:right;">{l s='Confirm Order and start payment' mod='multisafepay'} 
	

	
	{if isset($use_mobile) && $use_mobile}
            <img src="https://nutri-cosmetica.com/img/logo-multisafepay.png" />
        {else}
        
                <img src="https://nutri-cosmetica.com/img/logo-multisafepay.png" />
                {if isset($html)}
                    {$html}
                {/if}
        {/if}</a>
		
	<div class="clear-msp"></div>


	
</form>

</p>
</div>
</div>

Pero el resultado es el mismo que en el anterior caso... El logo desaparece...

He contactado con la empresa de multisafepay a ver si ellos me pueden echar una mano con su departamento técnico.

Gracias por la ayuda!

Dejo el tema abierto hasta dar con la solución...

ventura · October 23, 2014

Puedes incluir la imagen en una carpeta img dentro de la carpeta del modulo y ponerle esta ruta

<img src="{$modules_dir}Nombre-modulo/img/nombre-imagen.jpg" alt="" title="" />

Antakarana · October 23, 2014

OK voy a probar lo que comentas...

Edito; sigue todo igual......

Sinceramente este tema me tiene muy desconcertado pues tras varias pruebas lo único que consigo es que:

- O bien la imagen del logo aparezca desalineada.

- O bien la imagen del logo desaparezca

- O bien la imagen del logo desaparezca y también desaparezca el marco perimetral

Edited October 23, 2014 by Antakarana (see edit history)

chouriomd · December 4, 2015

Cual archivo TPL estas editando y donde esta ubicado?

maximo88 · December 4, 2015

A la desesperada es mejor que hagas una imagen que incluya a las dos, y subes esa. Hasta con el paint lo puedes hacer

Antakarana · December 6, 2015

Hola,

Desde hace unos meses hay una nueva versión del modulo de multisafepay... tal y como lo han hecho han creado un modulo para cada tipo de pago (uno para visa, otro para master card, etc.) con lo que el problema que tenía ya no existe.

Pero gracias igualmente...

Como modificar logos pago en Pagina Checkout

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites