Jump to content

Help to modify check out page payment module looking


Recommended Posts

Hi,

 

I would like to add a new payment platform in our site which is called multisafepay. At the multisafepay site they supply a free module for prestashop, however after installing it the checkout page looks a bit mess... :wacko:

 

As you can see at the following capture, the multisafepay module has one missed logo "?" and also it is not alligned like the rest of the payment modules:

 

checkout1.jpg

 

After some search I've found the TPL file that was related with that, here you are the original code:

<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>

So I've replaced the lines who refers to the missed logo link by an url that points to a logo placed in our server.

 

After that modification the page looks like this:

 

 checkout2.jpg

 

 

Now the question is, how can I make it look like this?

 

checkout3.jpg

 

As you can see the logo should appear correctly alligned with the rest of the module.

 

 

I need to fix that before activate the module...

 

 

Thanks for helping!!! :)

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...