Информация в этой теме может быть устаревшей
Ищите актуальные инструкции в Базе Знаний или свяжитесь с командой Эквида.
Closed Thread
 
Thread Tools Display Modes
  #1  
Old 01-29-2015, 10:32 AM
forma-mvd's Avatar
forma-mvd is offline
 
Join Date: Feb 2011
Posts: 57
Default

Как изменить стандартные логотипы платёжных систем?


Подскажите пожалуйста, как изменить стандартные логотипы платёжных систем в форме оплаты, там где они есть и как добавить эти логотипы к формам в которых по умолчанию изображений нет?

[IMG]http://www.sklad-n1.ru/img/oformlenie-oplati33.jpg[/IMG]
  #2  
Old 01-29-2015, 12:33 PM
Vladimir Petrov4's Avatar
Vladimir Petrov4 Vladimir Petrov4 is offline
 
Join Date: Nov 2013
Posts: 32
Default

div.ecwid-PaymentMethodsBlock-PaymentOption:[B]nth-child(1)[/B] {
background: transparent url([url]http://nnn.ru/nalplat.png[/url]) 20px bottom no-repeat;
padding-bottom: 35px;
}
div.ecwid-PaymentMethodsBlock-PaymentOption:[B]nth-child(2)[/B] {
background: transparent url([url]http://nnn.ru/bankplat.png[/url]) 20px bottom no-repeat;
padding-bottom: 35px;
}

Last edited by Vladimir Petrov4; 01-29-2015 at 12:42 PM.
The Following User Says Thank You to Vladimir Petrov4 For This Useful Post:
forma-mvd (01-29-2015)
  #3  
Old 01-29-2015, 02:02 PM
forma-mvd's Avatar
forma-mvd forma-mvd is offline
 
Join Date: Feb 2011
Posts: 57
Default

Большое спасибо.
А можно ли подобные иконки добавить в блок выбора метода доставки?
  #4  
Old 01-30-2015, 08:08 AM
Anna V.'s Avatar
Anna V. Anna V. is offline
Ecwid Team
 
Join Date: Dec 2014
Posts: 332
Default

[QUOTE=forma-mvd;124646]Большое спасибо.
А можно ли подобные иконки добавить в блок выбора метода доставки?[/QUOTE]
Здравствуйте,

Как вам подсказали уже, иконки платежных систем можно заменять и добавлять. Владимир посоветовал вам код, который только добавляет иконку. Хочу отметить, что [B]:nth-child(1)[/B] показывает положение в списке платежных систем. То есть nth-child(1) указывает на первый платежный метод и т.д.

Чтобы заменить иконку платежной системы, нужно использовать немного другой код. Добавьте в вашу активную CSS-тему следующий код:

[code]
div.ecwid-PaymentMethodsBlock-PaymentOption:nth-child(1) div.ecwid-PaymentMethodsBlock-PaymentOption-htmlBlock {
background-image: url(http://test.ru/jmg.jpg);
background-repeat: no-repeat;
margin: 0px 18px;
height: 50px;
width: 240px;
}

div.ecwid-PaymentMethodsBlock-PaymentOption:nth-child(1) div.ecwid-PaymentMethodsBlock-PaymentOption-htmlBlock img {
display:none;
}
[/code]

С помощью параметров [B]height[/B] и [B]width[/B] вы можете регулировать высоту и ширину иконки. Также не забудьте указать полную ссылку до изображения.

Добавить иконки при выборе способа доставки тоже возможно. Для этого воспользуйтесь следующим кодом:

[code]
table.ecwid-shippingOptions-List tr:nth-child(1) span.ecwid-shippingOption {
background: transparent url(http://test.ru/jmg.jpg) 20px bottom no-repeat;
padding-bottom: 55px;
}

table.ecwid-shippingOptions-List tr:nth-child(2) span.ecwid-shippingOption {
background: transparent url(http://test.ru/jmg.jpg) 20px bottom no-repeat;
padding-bottom: 55px;
}
[/code]

После этого необходимые иконки должны появиться при выборе метода доставки.
__________________
Анна В.
Команда поддержки пользователей Ecwid

База знаний.
The Following User Says Thank You to Anna V. For This Useful Post:
forma-mvd (02-07-2015)
Closed Thread
Информация в этой теме может быть устаревшей
Ищите актуальные инструкции в Базе Знаний или свяжитесь с командой Эквида.

Tags
дизайнформ, оплата, оформление

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is Off
Smilies are Off
[IMG] code is Off
HTML code is Off

Forum Jump


All times are GMT. The time now is 11:41 AM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.