View Single Post
  #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)