Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

1

Способ Оплаты Как В Админке Storeland'а

Автор Imlies, 08 июля 2014 12:41

Авторизуйтесь для ответа в теме

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

#1 Imlies

Продвинутый пользователь

Пользователи
65 сообщений

Отправлено 08 Июль 2014 - 12:41

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

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

Наверх

#2 Ирина345

Активный участник

Модераторы
5 709 сообщений

Отправлено 08 Июль 2014 - 12:49

Imlies (08 Июль 2014 - 12:41) писал:

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

Добрый день!
Уточните Ваш аккаун. Вы хотите что бы на против каждого способа платы была форма с картинкой в прямоугольнике.

Наверх

#3 Imlies

Продвинутый пользователь

Пользователи
65 сообщений

Отправлено 08 Июль 2014 - 13:21

Аккаунт SL-156840, если вы об этом. Да, нужно, чтобы было именно так, как вы сказали).

Ирина345 (08 Июль 2014 - 12:49) писал:

Добрый день!
Уточните Ваш аккаун. Вы хотите что бы на против каждого способа платы была форма с картинкой в прямоугольнике.

Аккаунт SL-156840, если вы об этом. Да, нужно, чтобы было именно так, как вы сказали).

Наверх

#4 Ирина345

Активный участник

Модераторы
5 709 сообщений

Отправлено 08 Июль 2014 - 14:51

Imlies (08 Июль 2014 - 13:21) писал:

Аккаунт SL-156840, если вы об этом. Да, нужно, чтобы было именно так, как вы сказали).

Аккаунт SL-156840, если вы об этом. Да, нужно, чтобы было именно так, как вы сказали).

Попробуйте найти в main.css код

.fnt14n, .fnt14n a {
font: normal 14px Verdana, Geneva, sans-serif;

}

замените на

.fnt14n, .fnt14n a {
font: normal 11px Verdana, Geneva, sans-serif;
width: 187px;
text-align: center;
border: 1px solid #3DB3BD;
padding: 5px;
box-shadow: 0px 0px 5px #3E98B4;
border-radius: 13px;
}

Наверх

#5 Imlies

Продвинутый пользователь

Пользователи
65 сообщений

Отправлено 09 Июль 2014 - 10:15

Ирина345 (08 Июль 2014 - 14:51) писал:

Попробуйте найти в main.css код

.fnt14n, .fnt14n a {
font: normal 14px Verdana, Geneva, sans-serif;

}

замените на

.fnt14n, .fnt14n a {
font: normal 11px Verdana, Geneva, sans-serif;
width: 187px;
text-align: center;
border: 1px solid #3DB3BD;
padding: 5px;
box-shadow: 0px 0px 5px #3E98B4;
border-radius: 13px;
}

Скажите, а можно еще сделать так, чтобы были логотипы у каждого способа оплаты и отображение таблицей, а не списком?

Наверх

#6 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 10 Июль 2014 - 01:30

В описание оплат добавьте необходимые логотипы, далее зайдите в шаблон Оформление заказа, найдите:

<table cellpadding="0" width="100%" cellspacing="0" class="position fnt12n txtalgnlft padd">
		{% FOR order_payment %}
		  <tr>
			<td width="4%" class="valign"><input type="radio" id="paymentId{order_payment.ID}" name="form[payment][id]" value="{order_payment.ID}"  class="required"
			  {% IFNOT ORDER_FORM_PAYMENT_ID %}
				{% IF order_payment.first %}
				  checked="checked"
				{% ENDIF %}
			  {% ELSEIF order_payment.ID = ORDER_FORM_PAYMENT_ID %}
				checked="checked"
			  {% ENDIF %}
			/></td>
			<td class="mess fnt11n txtalgnlft"><label for="paymentId{order_payment.ID}"><p class="fnt14n"><span>{order_payment.NAME}</span></p>
			  {order_payment.MESSAGE}</label>
			</td>
		  </tr>
		{% ENDFOR %}
	  </table>

замените на:

<div class="position fnt12n txtalgnlft padd pay">
		{% FOR order_payment %}
			<div class="valign" style="display:none;"><input type="radio" id="paymentId{order_payment.ID}" name="form[payment][id]" value="{order_payment.ID}"  class="required"
			  {% IFNOT ORDER_FORM_PAYMENT_ID %}
				{% IF order_payment.first %}
				  checked="checked"
				{% ENDIF %}
			  {% ELSEIF order_payment.ID = ORDER_FORM_PAYMENT_ID %}
				checked="checked"
			  {% ENDIF %}
			/></div>
			<div class="mess fnt11n txtalgnlft"><label for="paymentId{order_payment.ID}"><br/>
			  {order_payment.MESSAGE}
	  <p class="fnt14n"><span>{order_payment.NAME}</span></p>
	 </label>
			</div>
		{% ENDFOR %}
  <div style="clear:both;"></div>
	  </div>
   <div style="clear:both;"></div>

далее в main.css добавьте:

.pay div{
  width:200px;
  height:100px;
  float:left;
  text-align:center;
  border:1px solid #ccc;
  border-radius:10px;
}
.pay label{
  width:200px;
  height:100px;
}

Наверх

#7 Imlies

Продвинутый пользователь

Пользователи
65 сообщений

Отправлено 14 Июль 2014 - 11:33

Vaccina (10 Июль 2014 - 01:30) писал:

В описание оплат добавьте необходимые логотипы, далее зайдите в шаблон Оформление заказа, найдите:

<table cellpadding="0" width="100%" cellspacing="0" class="position fnt12n txtalgnlft padd">
	 {% FOR order_payment %}
		 <tr>
		 <td width="4%" class="valign"><input type="radio" id="paymentId{order_payment.ID}" name="form[payment][id]" value="{order_payment.ID}" class="required"
			 {% IFNOT ORDER_FORM_PAYMENT_ID %}
			 {% IF order_payment.first %}
				 checked="checked"
			 {% ENDIF %}
			 {% ELSEIF order_payment.ID = ORDER_FORM_PAYMENT_ID %}
			 checked="checked"
			 {% ENDIF %}
		 /></td>
		 <td class="mess fnt11n txtalgnlft"><label for="paymentId{order_payment.ID}"><p class="fnt14n"><span>{order_payment.NAME}</span></p>
			 {order_payment.MESSAGE}</label>
		 </td>
		 </tr>
	 {% ENDFOR %}
	 </table>

замените на:

<div class="position fnt12n txtalgnlft padd pay">
	 {% FOR order_payment %}
		 <div class="valign" style="display:none;"><input type="radio" id="paymentId{order_payment.ID}" name="form[payment][id]" value="{order_payment.ID}" class="required"
			 {% IFNOT ORDER_FORM_PAYMENT_ID %}
			 {% IF order_payment.first %}
				 checked="checked"
			 {% ENDIF %}
			 {% ELSEIF order_payment.ID = ORDER_FORM_PAYMENT_ID %}
			 checked="checked"
			 {% ENDIF %}
		 /></div>
		 <div class="mess fnt11n txtalgnlft"><label for="paymentId{order_payment.ID}"><br/>
			 {order_payment.MESSAGE}
	 <p class="fnt14n"><span>{order_payment.NAME}</span></p>
	 </label>
		 </div>
	 {% ENDFOR %}
<div style="clear:both;"></div>
	 </div>
<div style="clear:both;"></div>

далее в main.css добавьте:

.pay div{
width:200px;
height:100px;
float:left;
text-align:center;
border:1px solid #ccc;
border-radius:10px;
}
.pay label{
width:200px;
height:100px;
}

Ничего не вышло, к сожалению. Сделал все, как написали - вот что получилось

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

Наверх

#8 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 15 Июль 2014 - 00:14

"В описание оплат добавьте необходимые логотипы" - это у вас не реализовано, будьте немного внимательней, можно также убрать сами названия способов оплат удалив строку:

<p class="fnt14n"><span>{order_payment.NAME}</span></p>

Наверх

#9 Alan

Активный участник

Пользователи
246 сообщений

Отправлено 30 Сентябрь 2014 - 10:22

Vaccina (15 Июль 2014 - 00:14) писал:

"В описание оплат добавьте необходимые логотипы" - это у вас не реализовано, будьте немного внимательней, можно также убрать сами названия способов оплат удалив строку:

<p class="fnt14n"><span>{order_payment.NAME}</span></p>

а в моем шаблоне как это сделать??

Наверх

#10 Ирина345

Активный участник

Модераторы
5 709 сообщений

Отправлено 30 Сентябрь 2014 - 14:50

Alan (30 Сентябрь 2014 - 10:22) писал:

а в моем шаблоне как это сделать??

Здравствуйте, найдите в шаблоне "оформления заказа"

<table class="orderStagePaymentListTable tablew">
		  {% FOR order_payment %}
			<tr class="first">
			  <td class="cell1"><input type="radio" id="paymentId{order_payment.ID}" name="form[payment][id]" value="{order_payment.ID}"  class="required" {% IFNOT ORDER_FORM_PAYMENT_ID %}{% IF order_payment.first %}checked="checked"{% ENDIF %}{% ELSEIF order_payment.ID = ORDER_FORM_PAYMENT_ID %}checked="checked"{% ENDIF %}/></td>
			  <td class="cell2" style="">
				<label for="paymentId{order_payment.ID}">{order_payment.NAME}</label>
				<!-- Сообщение для пользователя -->
				{order_payment.MESSAGE}
			  </td>
			</tr>
		  {% ENDFOR %}
		</table>

замените на

 <div class="orderStagePaymentListTable tablew">
		  {% FOR order_payment %}
		  <div class="valign" style="display:none;"><input type="radio" id="paymentId{order_payment.ID}" name="form[payment][id]" value="{order_payment.ID}" class="required"
						 {% IFNOT ORDER_FORM_PAYMENT_ID %}
						 {% IF order_payment.first %}
								 checked="checked"
						 {% ENDIF %}
						 {% ELSEIF order_payment.ID = ORDER_FORM_PAYMENT_ID %}
						 checked="checked"
						 {% ENDIF %}
				 /></div>
				 <div class="mess fnt11n txtalgnlft"><label for="paymentId{order_payment.ID}"><br/>
						 {order_payment.MESSAGE}
		 <p class="fnt14n"><span>{order_payment.NAME}</span></p>
		 </label>
				 </div>
		  {% ENDFOR %}
	 <div style="clear:both;"></div>
		 </div>
<div style="clear:both;"></div>

далее в main.css добавьте:

.pay div{
width:200px;
height:100px;
float:left;
text-align:center;
border:1px solid #ccc;
border-radius:10px;
}
.pay label{
width:200px;
height:100px;
}

Наверх

#11 Alan

Активный участник

Пользователи
246 сообщений

Отправлено 01 Октябрь 2014 - 00:04

Ирина345 (30 Сентябрь 2014 - 14:50) писал:

Здравствуйте, найдите в шаблоне "оформления заказа"

<table class="orderStagePaymentListTable tablew">
		 {% FOR order_payment %}
			<tr class="first">
			 <td class="cell1"><input type="radio" id="paymentId{order_payment.ID}" name="form[payment][id]" value="{order_payment.ID}" class="required" {% IFNOT ORDER_FORM_PAYMENT_ID %}{% IF order_payment.first %}checked="checked"{% ENDIF %}{% ELSEIF order_payment.ID = ORDER_FORM_PAYMENT_ID %}checked="checked"{% ENDIF %}/></td>
			 <td class="cell2" style="">
				<label for="paymentId{order_payment.ID}">{order_payment.NAME}</label>
				<!-- Сообщение для пользователя -->
				{order_payment.MESSAGE}
			 </td>
			</tr>
		 {% ENDFOR %}
		</table>

замените на

 <div class="orderStagePaymentListTable tablew">
		 {% FOR order_payment %}
		 <div class="valign" style="display:none;"><input type="radio" id="paymentId{order_payment.ID}" name="form[payment][id]" value="{order_payment.ID}" class="required"
						 {% IFNOT ORDER_FORM_PAYMENT_ID %}
						 {% IF order_payment.first %}
								 checked="checked"
						 {% ENDIF %}
						 {% ELSEIF order_payment.ID = ORDER_FORM_PAYMENT_ID %}
						 checked="checked"
						 {% ENDIF %}
				 /></div>
				 <div class="mess fnt11n txtalgnlft"><label for="paymentId{order_payment.ID}"><br/>
						 {order_payment.MESSAGE}
		 <p class="fnt14n"><span>{order_payment.NAME}</span></p>
		 </label>
				 </div>
		 {% ENDFOR %}
	 <div style="clear:both;"></div>
		 </div>
<div style="clear:both;"></div>

далее в main.css добавьте:

.pay div{
width:200px;
height:100px;
float:left;
text-align:center;
border:1px solid #ccc;
border-radius:10px;
}
.pay label{
width:200px;
height:100px;
}

не получается..

Наверх

#12 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 01 Октябрь 2014 - 00:18

в разделе Настройки - Оплата - в каждом пункте в описании вставьте логотип\картинку

Наверх

#13 Alan

Активный участник

Пользователи
246 сообщений

Отправлено 01 Октябрь 2014 - 00:30

Vaccina (01 Октябрь 2014 - 00:18) писал:

в разделе Настройки - Оплата - в каждом пункте в описании вставьте логотип\картинку

не поял.. там же мало вообще способов.. а у вас много.. и куда картинки ставить?

Наверх

#14 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 01 Октябрь 2014 - 00:34

значит в данном разделе вы не добавили свои способы оплаты, в этом вам помогут сл.инструкции:
http://storeland.ru/about/faq#62
http://storeland.ru/about/faq#71
http://storeland.ru/about/faq#63