Płatności bankwire i przelewy24 w jednym wierszu

[AlwinKolano]

Obecnie dłubie w CSS ale coś mi nie wychodzi, może ktoś z Was już to przerabiał i napisze co/gdzie ewentualnie poprawić, aby uzyskać formy płatności (przelew bankowy, przelewy 24) w jednym wierszu tak aby elementy miały szerokości 50%.

 

Dzięki i pozdrawiam

[endriu107]

Tylko o jakim szablonie mówimy? O jakich modułach? Co kombinowałeś w css? Może wystarczy tylko zmienić im klasę bootstrap na inną typu col-sm-6.

[AlwinKolano]

szablon "kombinowany" ok. poradziłem sobie:

 

w global.css dodałem

.atm_platnosci{display: inline-block;
width: 100%;}

.platnosc_1 {
    padding: 0px 5px 0px 0px;
    float: left;
    width: 50%;
 }
.platnosc_2 {
    padding: 0 0px 0px 5px;
    float: left;
    width: 50%;
 }

w pliku order-payment.tpl do div dopisałem atm_platnosci

<div id="HOOK_PAYMENT" class="atm_platnosci">
{$HOOK_PAYMENT}
</div>

następnie w pliku ../theme/modules/bankwire/views/templates/hook/payment.tpl
zmieniłem:

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

na:

<div class="platnosc_1">
		<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>

Podobnie zrobiłem w module przelewy24 ale tam po prostu w odpowiednim miejscu dodałem:
 

<div class="platnosc_2">
...
</div>

Wygląda, że działa i wygląda tak jak chciałem

 

 

[endriu107]

A wystarczyło zmienić:

 

<div class="col-xs-12">

 

na

 

<div class="col-xs-6">

 

i nic więcej nie trzeba było by robić.

[AlwinKolano]

A wystarczyło zmienić:

 

<div class="col-xs-12">

 

na

 

<div class="col-xs-6">

 

i nic więcej nie trzeba było by robić.

 

Oby to było takie proste, niestety to zrobiłem w pierwszej kolejności i efekt jest taki:

 

Przelew bankowy na pół strony, a przelewy24 w drugim wierszu na całą szerokość ekranu.

[endriu107]

Jest takie proste poczytaj o bootstrap, a co tam masz w modułach to nie wiem, ja pisze jak powinno być dobrze i najprościej a gdyby moduł przelewy faktycznie miał klasę col-xs-6 w odpowiednim miejscu to nie ma możliwości aby się wyświetlał na całą szerokość.

[Yabber]

przelewy24 mają tylko tagi paragrafów.

Wystarczyło, tak jak pisze @endriu107, dodać tylko:

<div class="row">
    <div class="col-xs-6">

I po robocie.