Сообщений в теме: 4

[NikolsoN]

Добрый день!

Помогите, пожалуйста, разместить иконки оплаты в футере.
И еще есть проблема с увеличением фото. Не всю фотку можно увеличить при наведении мыши на фотографию.

[Ирина345]

NikolsoN (08 Сентябрь 2016 - 16:07) писал:

Добрый день!

Помогите, пожалуйста, разместить иконки оплаты в футере.
И еще есть проблема с увеличением фото. Не всю фотку можно увеличить при наведении мыши на фотографию.
2016-09-08_16-04-14.png

Здравствуйте, найдите в шаблоне hTML код

	 <!-- /Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей -->

после вставьте

 <div class="one_fourth column">
			<h3>Варианты оплаты</h3>
			<a class="open-close" href="#"></a>
			<div class="wrapper">
			 <div id="payment_services">
				<span class="icon_1" title="Мы принимаем к оплате квитанции сбербанка">&nbsp;</span>
				<span class="icon_2" title="Мы принимаем к оплате кредитные карты VISA">&nbsp;</span>
				<span class="icon_3" title="Мы принимаем к оплате кредитные карты MasterCard">&nbsp;</span>
				<span class="icon_4" title="Мы принимаем оплату через кредитные карты Maestro" >&nbsp;</span>
				<span class="icon_5" title="Мы принимаем к оплате Яндекс.Деньги">&nbsp;</span>
				<span class="icon_6" title="Мы принимаем к оплате Webmoney">&nbsp;</span>
				<span class="icon_7" title="Мы принимаем оплату через систему РБК money">&nbsp;</span>
				<span class="icon_8" title="Мы принимаем оплату через SMS">&nbsp;</span>
				<span class="icon_9" title="Мы принимаем оплату через терминалы оплаты Qiwi">&nbsp;</span>
				<span class="icon_10" title="Мы принимаем оплату через Робокассу">&nbsp;</span>
			 </div>
			</div>
		 </div>

далее в конец файла main.css добавьте

.mousetrap {
width: 370px !important;
}
#payment_services{clear: both;margin: 10px 16px;text-align: center;}
#payment_services span{width: 50px;height:30px;display: block;float: left;margin: 0 9px 10px 0;text-align: center;cursor: pointer;}
#payment_services span.icon_1{background: url("{ASSETS_IMAGES_PATH}icon_sb.png?design=movement") no-repeat;}
#payment_services span.icon_2{background: url("{ASSETS_IMAGES_PATH}icon_visa.png?design=movement") no-repeat;}
#payment_services span.icon_3{background: url("{ASSETS_IMAGES_PATH}icon_mastercard.png?design=movement") no-repeat;}
#payment_services span.icon_4{background: url("{ASSETS_IMAGES_PATH}icon_maestro.png?design=movement") no-repeat;}
#payment_services span.icon_5{background: url("{ASSETS_IMAGES_PATH}icon_yad.png?design=movement") no-repeat;}
#payment_services span.icon_6{background: url("{ASSETS_IMAGES_PATH}icon_webmoney.png?design=movement") no-repeat;}
#payment_services span.icon_7{background: url("{ASSETS_IMAGES_PATH}icon_rbkmoney.png?design=movement") no-repeat;}
#payment_services span.icon_8{background: url("{ASSETS_IMAGES_PATH}icon_sms.png?design=movement") no-repeat;}
#payment_services span.icon_9{background: url("{ASSETS_IMAGES_PATH}icon_qiwi.png?design=movement") no-repeat;}
#payment_services span.icon_10{background: url("{ASSETS_IMAGES_PATH}icon_robo.png?design=movement") no-repeat;margin-right: 0!important;}
#payment_services span.icon_1:hover{background: url("{ASSETS_IMAGES_PATH}icon_sb_hover.png?design=movement") no-repeat;}
#payment_services span.icon_2:hover{background: url("{ASSETS_IMAGES_PATH}icon_visa_hover.png?design=movement") no-repeat;}
#payment_services span.icon_3:hover{background: url("{ASSETS_IMAGES_PATH}icon_mastercard_hover.png?design=movement") no-repeat;}
#payment_services span.icon_4:hover{background: url("{ASSETS_IMAGES_PATH}icon_maestro_hover.png?design=movement") no-repeat;}
#payment_services span.icon_5:hover{background: url("{ASSETS_IMAGES_PATH}icon_yad_hover.png?design=movement") no-repeat;}
#payment_services span.icon_6:hover{background: url("{ASSETS_IMAGES_PATH}icon_webmoney_hover.png?design=movement") no-repeat;}
#payment_services span.icon_7:hover{background: url("{ASSETS_IMAGES_PATH}icon_rbkmoney_hover.png?design=movement") no-repeat;}
#payment_services span.icon_8:hover{background: url("{ASSETS_IMAGES_PATH}icon_sms_hover.png?design=movement") no-repeat;}
#payment_services span.icon_9:hover{background: url("{ASSETS_IMAGES_PATH}icon_qiwi_hover.png?design=movement") no-repeat;}
#payment_services span.icon_10:hover{background: url("{ASSETS_IMAGES_PATH}icon_robo_hover.png?design=movement") no-repeat;}

далее загрузите в раздел Сайт-Редактор шаблонов изображения из приложения.

Прикрепленные изображения

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

[NikolsoN]

Спасибо! Все получилось

[kirussian]

сделал все по аналогии. ничего не получилось.
важно, чтобы иконки разместились как на скрине

Прикрепленные изображения

• 

[Vaccina]

Здравствуйте.

На данный момент изменения отсутствуют. Ответила вам в другой теме форума.