Problema de diseño al mostrar métodos de pago.

[Leosss]

Buenos días, 

 

Estoy trabajando con la versión 1.6.1.4 de Prestashop, con el tema Wineshop. Hemos acordado con mi socio poner como método de pago el pago con tarjeta con el módulo de Redsys, el pago via Paypal con el módulo oficial, y pago por transferencia bancaria.

 

Todo funciona correctamente, pero tenemos un problema de diseño, y es que nos lo muestra como en veréis en el ficero adjunto.

No sabemos por qué el módulo de Redsys es como el módulo 'bankwire', con su icono de cartilla bancaria y la flecha a la derecha, ni por qué el pago por transferencia sale tan largo. Cómo podríamos solucionarlo?

 

Gracias.

[Leosss]

Nadie?

[Leosss]

Buenos días, 

 

Aunque mi topic no haya tenido mucho éxito sigo buscando la solución. He dado a medias con ella. Creo que tiene que ver con el bootstrap. 

 

Como decía arriba, en el módulo de redsys lo presenta como 'bankwire', que es el que tengo arriba de todo. Y abajo, el que me da más problemas, el propio de bankwire. Haciendo inspección en Chrome, me he dado cuenta que si cambio en la última opción 'col-xs-12' por 'col-xs-6' quedan todos del mismo tamaño. 

 

No me explico porque el primero es de un tamaño y el el último de otro, no lo sé ni me importa ya xD Ahora sólo necesito saber a dónde tengo que al generarse la página me lo haga con 'col-xs-6'. Os adjunto captura por si es de ayuda.

[Leosss]

Perdón, lo que debo hacer no es cambiar a 'col-xs-6' sino que quede de tal manera: 'col-xs-12 col-md-6'

 

Dónde puedo editar esto? Alguien? :_)

[Leosss]

Hola, tan solo has de cambiar la clase en el payment.tpl de cada módulo a col-xs-12.

 

Saludos

 

Hola Enrique, 

 

Te comento. Archivos payment.tpl tengo dos, uno en la carpeta '/modules/bankwire/views/templates/hooks/' que está en la raiz, con el siguiente código:

<p class="payment_module">
	<a href="{$link->getModuleLink('bankwire', 'payment')|escape:'html'}" title="{l s='Pay by bank wire' mod='bankwire'}">
		<img src="{$this_path_bw}bankwire.jpg" alt="{l s='Pay by bank wire' mod='bankwire'}" width="86" height="49"/>
		{l s='Pay by bank wire' mod='bankwire'} <span>{l s='(order processing will be longer)' mod='bankwire'}</span>
	</a>
</p>

Luego tengo otro en 'themes/wineshop/modules/bankwire/views/templates/hooks/' con el siguiente código:

<div class="row">
	<div class="col-xs-12">
		<p class="payment_module">
			<a class="bankwire" href="{$link->getModuleLink('bankwire', 'payment')|escape:'html':'UTF-8'}" title="{l s='Pay by bank wire' mod='bankwire'}">
				{l s='Pay by bank wire' mod='bankwire'} <span>{l s='(order processing will be longer)' mod='bankwire'}</span>
			</a>
		</p>
	</div>
</div>

Entiendo que lo único que debo hacer es agregar a <div class="col-xs-12"> algo como para que quede así: <div class="col-xs-12 col-md-6">, cierto?

 

Aún así, no funciona.

 

Alguna idea?