Разноперые способы оплаты - PrestaShop CMS :: Русская поддержка интернет-магазина PrestaShop

Разноперые способы оплаты

kkk66
Новичок
Сообщений: 8
Регистрация: 28-04-2015

# 1

12-05-2015 17:28

Господа !

Я совсем не дизайнер и в стилях вообще не волоку, подскажите, где поправить, чтоб способы оплаты выглядели однообразно, а не как у меня сейчас ?

Оплата банковским переводом - родной модуль, остальные ставил отдельно, где что поправить, чтобы все три блока выглядели как 1-й ?

Изображения:

eiMe23j.png - Размер файла31.58KB, Скачиваний: 214 (Нажмите для увеличения)

Щелкните, и это сообщение будет добавлено в ваш ответ как цитата

Алекс

Администратор
Сообщений: 4516
Откуда: Красноярск
Регистрация: 29-05-2009

# 2

12-05-2015 17:45

Найдите шаблоны payment.tpl для модулей Киви и Робокасса откройте и окружите код подобным способом:

Код:

<div class="row">
    <div class="col-xs-12 col-md-6">
        <p class="payment_module">
          здесь код payment.tpl
        </p>
    </div>
</div>

Шаблон payment.tpl находится в директориях /themes/тема/modules/директория модуля/ или /modules/директория модуля/

Оказываю услуги по администрированию интернет-магазина на CMS PrestaShop, написание модулей для PrestaShop. Большой опыт работы с CMS PrestaShop.

kkk66
Новичок
Сообщений: 8
Регистрация: 28-04-2015

# 3

12-05-2015 19:19

Ну никак не могу победить этот Киви
Робокасса встала хорошо, код такой:

Код:

<p class="payment_module">
            <a
                style="background: url({$this_path|escape:'html':'UTF-8'}views/img/robokassa.png) 15px 12px no-repeat #fbfbfb;"
                href="{$link->getModuleLink('robokassa', 'redirect', ['id_cart'=>$id_cart], true)|escape:'html':'UTF-8'}"
                title="{l s='RoboKassa' mod='robokassa'}">
                {l s='RoboKassa' mod='robokassa'} <span>{l s='(Plastic cards, e-currency, mobile payment)' mod='robokassa'}</span>

                <span
                    style="display: block;position: absolute;right: 15px;margin-top: -11px;top: 50%;font-family: 'FontAwesome';font-size: 25px;height: 22px;width: 14px;color: #777777;">
                    </span>
            </a>
        </p>

А вот у киви все как-то сложней (для меня), смог только так, но это не то:

Код:

<p class="payment_module">

    <a href="{$link->getModuleLink('qiwi', 'redirect', ['id_cart'=>$id_cart], true)}" title="{l s='QIWI Wallet' mod='qiwi'}" class="bankware">
        <img src="{$this_path}qiwi.png" alt="{l s='QIWI Wallet' mod='qiwi'}" style= 15px 12px no-repeat #fbfbfb;>
        {l s='Payment with QIWI terminals, from mobile phones and credit carts' mod='qiwi'}
        
        <span
                    style="display: block;position: absolute;right: 15px;margin-top: -11px;top: 50%;font-family: 'FontAwesome';font-size: 25px;height: 22px;width: 14px;color: #777777;">
                    </span>
    </a>
</p>

Что поправить нужно чтобы был вид как у Робокассы ?

Изображения:

xEsV4Il.png - Размер файла31.11KB, Скачиваний: 211 (Нажмите для увеличения)

Алекс

Администратор
Сообщений: 4516
Откуда: Красноярск
Регистрация: 29-05-2009

# 4

12-05-2015 20:34

Цитата:( kkk66 @ 12-05-2015 20:19 Смотреть сообщение )

Ну никак не могу победить этот Киви

Код:

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

    <a href="{$link->getModuleLink('qiwi', 'redirect', ['id_cart'=>$id_cart], true)}" title="{l s='QIWI Wallet' mod='qiwi'}">
        <img src="{$this_path}qiwi.png" alt="{l s='QIWI Wallet' mod='qiwi'}">
        {l s='Payment with QIWI terminals, from mobile phones and credit carts' mod='qiwi'}
        <span style="display: block;position: absolute;right: 15px;margin-top: -11px;top: 50%;font-family: 'FontAwesome';font-size: 25px;height: 22px;width: 14px;color: #777777;"></span>
    </a>
</p>
    </div>
</div>

kkk66
Новичок
Сообщений: 8
Регистрация: 28-04-2015

# 5

12-05-2015 21:02

Цитата:( Алекс @ 12-05-2015 16:34 Смотреть сообщение )

Цитата:( kkk66 @ 12-05-2015 20:19 Смотреть сообщение )

Ну никак не могу победить этот Киви

Код:

Если вставлять с этим кодом, то получается вот так :

Если не ставить DIV-ы , то выглядит гораздо лучше:
Это не ставим

Код:

Выглядит вот так:

Как сделать более узкую (в высоту) и логотип к левому краю сдвинуть, как у робокассы ?

kkk66
Новичок
Сообщений: 8
Регистрация: 28-04-2015

# 6

12-05-2015 21:28

В общем, проблема решена !

В файл modules/qiwi/views/templates/hook/payment.tpl ставим следующий код:

Код:

<p class="payment_module">
            <a
                style="background: url(/modules/qiwi/qiwi.png) 15px 12px no-repeat #fbfbfb;"
                href="{$link->getModuleLink('qiwi', 'redirect', ['id_cart'=>$id_cart], true)}" title="{l s='QIWI Wallet' mod='qiwi'}"
                title="{l s='QIWI Wallet' mod='qiwi'}">
                {l s='Payment with QIWI terminals, from mobile phones and credit carts' mod='qiwi'}

                <span
                    style="display: block;position: absolute;right: 15px;margin-top: -11px;top: 50%;font-family: 'FontAwesome';font-size: 25px;height: 22px;width: 14px;color: #777777;">
                    </span>
            </a>
        </p>

И будет КИВИ выглядеть вот так :

Пользуйтесь на здоровье, господа !

Сообщение отредактировано kkk66 12-05-2015 17:29 ...