Jump to content
  • 0

Dostosowanie modułu Przelewy24


letrof

Question

Dzień dobry,

czy ktoś mógłby mi pomóc z dostosowaniem wyglądu modułu płatności?

W tej chwili brakuje tła i strzałki na końcu - za nic na świecie nie mogę tego dodać.

 

foreach $p24_channels_list as $item}
	<div class="row">
		<div class="{if !empty($p24_gate_class)}{$p24_gate_class}{else}col-xs-12 col-md-7{/if}">
			<p class="payment_module">
				<a href="{$item.url}" title="{l s='Pay with' mod='przelewy24'} {$item.name}"
					{if $p24_gate_logo == 0}
					style="background-image: url({$item.logo}); background-position: 1em center; background-repeat: no-repeat; background-size: 64px auto;"
					{/if}
				>
					{if $p24_gate_logo == 1}
					<img src="{$item.logo}" width="64">
					{/if}
					{l s='Pay with' mod='przelewy24'}&nbsp;{$item.name}{if $item.desc}&nbsp;<span>{$item.desc}</span>{/if}
				</a>
			</p>
		</div>
	</div>
{/foreach}

{if $p24_gate_logo == 0}
	<style>
	.p24-payment-module a {
		min-height: 25px;
		padding-left: 95px;
	}
	</style>
{/if}

{if $p24_chevron_right == 0}
	<style>
	.payment-module a:after {
		display: block;
		content: "\f054";
		position: absolute;
		right: 15px;
		margin-top: -11px;
		top: 50%;
		font-family: "FontAwesome";
		font-size: 25px;
		height: 22px;
		width: 14px;
		color: #90816e;
	}
	</style>
{/if}

 

Zrzut ekranu 2017-11-06 o 12.30.36.png

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

poradziłem sobie dodając taką samą klasę do a href jak do pozostałych metod płatności. Plik który należy edytować to  przelewy24/views/templates/hook/payment.tpl

w linijce 5  dodałem class="cash"

{foreach $p24_channels_list as $item}
	<div class="row">
		<div class="{if !empty($p24_gate_class)}{$p24_gate_class}{else}col-xs-12 col-md-7{/if}">
			<p class="payment_module p24-payment-module">
				<a class="cash" href="{$item.url}" title="{l s='Pay with' mod='przelewy24'} {$item.name}"
					{if $p24_gate_logo == 0}
					style="background-image: url({$item.logo}); background-position: 1em center; background-repeat: no-repeat; background-size: 64px auto;"
					{/if}
				>
					{if $p24_gate_logo == 1}
					<img src="{$item.logo}" width="64">
					{/if}
					{l s='Pay with' mod='przelewy24'}&nbsp;{$item.name}{if $item.desc}&nbsp;<span>{$item.desc}</span>{/if}
				</a>
			</p>
		</div>
	</div>
{/foreach}

{if $p24_gate_logo == 0}
	<style>
	.p24-payment-module a {
		min-height: 25px;
		padding-left: 95px;
	}
	</style>
{/if}

{if $p24_chevron_right == 1}
	<style>
	.p24-payment-module a:after {
		display: block;
		content: "\f054";
		position: absolute;
		right: 15px;
		margin-top: -11px;
		top: 50%;
		font-family: "FontAwesome";
		font-size: 25px;
		height: 22px;
		width: 14px;
		color: #777;
	}
	</style>
{/if}

 

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