[forma-mvd]

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

[IMG]http://www.sklad-n1.ru/img/oformlenie-oplati33.jpg[/IMG]

[Vladimir Petrov4]

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

[forma-mvd]

Большое спасибо.
А можно ли подобные иконки добавить в блок выбора метода доставки?

[Anna V.]

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

После этого необходимые иконки должны появиться при выборе метода доставки.