Перейти к содержимому

  2. → Просмотр профиля: "Лайки": kaisyRUS

kaisyRUS

Регистрация: 03 мая 2012
Offline Активность: 31 окт. 2016 20:31
-----

#45605 Изменение Главной

Отправлено support 2.0 на 19 Февраль 2013 - 16:49

Просмотр сообщенияkaisyRUS (19 Февраль 2013 - 09:40) писал:

Вот, как и хотел. Как теперь немного увеличить высоту, слоганы не входят. Спасибо

высота для первого блока
.prod-details-prom-1 .pdp-1 {
background: #fff url('ссылка') 131px 56px no-repeat;
border-radius: 5px;
border: 1px solid #d2d2d4;
border-bottom-color: #a2a2a4;
box-shadow: inset 0 0 0 1px rgba(255,255,255,1.0),0 1px 0 rgba(0,0,2,0.05);
padding: 5px;
margin: 0 5px;
font-size: 12px;
line-height: 150%;
height: 130px;
}

высота для второго блока
.prod-details-prom-2 .pdp-2 {
background: #fff url('ссылка') 131px -83px no-repeat;
border-radius: 5px;
border: 1px solid #d2d2d4;
border-bottom-color: #a2a2a4;
box-shadow: inset 0 0 0 1px rgba(255,255,255,1.0),0 1px 0 rgba(0,0,2,0.05);
padding: 5px;
margin: 0 5px;
font-size: 12px;
line-height: 150%;
height: 130px;
}

высота для третьего блока
.prod-details-prom-3 .pdp-3 {
background: #fff url('ссылка') 138px -222px no-repeat;
border-radius: 5px;
border: 1px solid #d2d2d4;
border-bottom-color: #a2a2a4;
box-shadow: inset 0 0 0 1px rgba(255,255,255,1.0),0 1px 0 rgba(0,0,2,0.05);
padding: 5px;
margin: 0 5px;
font-size: 12px;
line-height: 150%;
height: 130px;
}

меняйте значение height: 130px; - высота каждого блока


#45353 Изменение Главной

Отправлено support 2.0 на 18 Февраль 2013 - 18:05

Просмотр сообщенияkaisyRUS (18 Февраль 2013 - 06:06) писал:

Да, пробывал. Там ячейки без заголовка и картинки слева по середине

вот этот код для вставки на страницу, где Вы хотите поместить эти блоки
<div id="top-promo">
					 <div class="prod-details-prom-1">
<div class="pdp-1">
<div class="top-promo-title">Заголовок 1</div>
<div class="top-promo-desc">основной текст</div>
<div class="top-promo-slogan">текст под основным текстом<br>. . .</div>
</div>
</div>
<div class="prod-details-prom-2">
<div class="pdp-2">
<div class="top-promo-title">Заголовок 2</div>
<div class="top-promo-desc"> основной текст <br> продолжение текста<br> и т.д. </div>
<div class="top-promo-slogan">текст под основным текстом</div>
</div>
</div>
<div class="prod-details-prom-3">
<div class="pdp-3">
<div class="top-promo-title">Заголовок 3</div>
<div class="top-promo-desc">основной текст <br>продолжение текста<br> и т.д. </div>
<div class="top-promo-slogan">текст под основным текстом</div>
</div>
</div>
				 </div>

вот этот код вставьте в файл main.css
/*--3 блока---*/
#top-promo{border:none;margin-bottom:20px;padding:0;overflow:hidden}
.prod-details-prom-1,.prod-details-prom-2,.prod-details-prom-3{width:33.3%;float:left;margin:0;padding:0;text-align:center}
.prod-details-prom-1 .pdp-1{background:#fff url('ссылка на первую картинку') 131px 56px no-repeat;border-radius:5px;border:1px solid #d2d2d4;border-bottom-color:#a2a2a4;box-shadow:inset 0 0 0 1px rgba(255,255,255,1.0),0 1px 0 rgba(0,0,2,0.05);padding:5px;margin:0 5px;font-size:12px;line-height:150%;height:130px}
.prod-details-prom-1 .pdp-1 .top-promo-title{font-family:'Open Sans',sans-serif;font-size:19px!important;color:#134679;text-transform:uppercase;font-weight:600;margin:6px 0 15px 0}
.prod-details-prom-1 .pdp-1 .top-promo-desc{text-align:left}
.prod-details-prom-1 .pdp-1 .top-promo-slogan{text-align:left;font-family:'Open Sans',sans-serif;font-size:13px!important;color:#134679;text-transform:uppercase;font-weight:600;margin-top:15px}
.prod-details-prom-2 .pdp-2{background:#fff url('ссылка на вторую картинку') 131px -83px no-repeat;border-radius:5px;border:1px solid #d2d2d4;border-bottom-color:#a2a2a4;box-shadow:inset 0 0 0 1px rgba(255,255,255,1.0),0 1px 0 rgba(0,0,2,0.05);padding:5px;margin:0 5px;font-size:12px;line-height:150%;height:130px}
.prod-details-prom-2 .pdp-2 .top-promo-title{font-family:'Open Sans',sans-serif;font-size:17px!important;color:#92035e;text-transform:uppercase;font-weight:600;margin:6px 0 10px 0}
.prod-details-prom-2 .pdp-2 .top-promo-desc{text-align:left}
.prod-details-prom-2 .pdp-2 .top-promo-slogan{text-align:left;font-family:'Open Sans',sans-serif;font-size:11px!important;color:#92035e;text-transform:uppercase;font-weight:600;margin-top:5px}
.prod-details-prom-3 .pdp-3{background:#fff url('ссылка на третью картинку') 138px -222px no-repeat;border-radius:5px;border:1px solid #d2d2d4;border-bottom-color:#a2a2a4;box-shadow:inset 0 0 0 1px rgba(255,255,255,1.0),0 1px 0 rgba(0,0,2,0.05);padding:5px;margin:0 5px;font-size:12px;line-height:150%;height:130px}
.prod-details-prom-3 .pdp-3 .top-promo-title{font-family:'Open Sans',sans-serif;font-size:20px!important;color:#6f9b06;text-transform:uppercase;font-weight:600;margin:6px 0 10px 0}
.prod-details-prom-3 .pdp-3 .top-promo-desc{text-align:left}
.prod-details-prom-3 .pdp-3 .top-promo-slogan{text-align:left;font-family:'Open Sans',sans-serif;font-size:12px!important;color:#6f9b06;text-transform:uppercase;font-weight:600;margin-top:5px}

вместо ссылка на первую картинку, ссылка на вторую картинку, ссылка на третью картинку вставьте ссылки на изображения для 1, 2 и 3 блока соответственно. Здесь они должны быть примерно 90х90 пикселей. Вы можете создать изображение, где эти 3 картинки будут идти друг за другом и далее указать ссылку на изображение везде одинаковую, а потом уже регулировать высоту изображений, например, как это сделано здесь
url('ссылка на первую картинку') 131px 56px
url('ссылка на вторую картинку') 131px -83px
url('ссылка на третью картинку') 138px -222px



#45096 Изменение Главной

Отправлено miyako на 17 Февраль 2013 - 15:10

Просмотр сообщенияkaisyRUS (17 Февраль 2013 - 13:44) писал:

Нет. Мне надо как здесь http://forum.storela...айт/#entry33666 но без счетчика. Причем ставить его будем не под шапку.

Прикрепите пожалуйста скриншот и укажите на нем как  вы хотите разместить эти блоки


#45113 Изменение Главной

Отправлено mikola на 17 Февраль 2013 - 16:50

Просмотр сообщенияkaisyRUS (17 Февраль 2013 - 15:37) писал:

Надо вобще как здесь http://de-parfum.ru . С таким же заголовком и расположением картинок в каждой ячейке.
Вот так будет выглядеть на главной и также на странице товара после блока с характеристиками
ок....
вы побывали советовать
данного сообщения http://forum.storela...ной/#entry37256


#45057 Изменение Главной

Отправлено miyako на 17 Февраль 2013 - 11:24

Просмотр сообщенияkaisyRUS (17 Февраль 2013 - 09:59) писал:

Надо блоки как здесь http://markil.ru/ и здесь http://xn--80ajibssiri4ij.xn--p1ai/, но без счетчика. Пробовал сам, но цепляю слайдер

Найдите в шаблоне HTML код:
<div class="container" id="cpages">
перед ним добавьте следующее:
<div> <table><tbody> <tr> <td width="33%"> <div class="main_box withBorder" style="cursor: pointer"><a href="#"><img style="float: left; margin: 2px;" title="скидки постоянным клиентам" src="ссылка на изображение" alt="скидки постоянным клиентам" width="88"></a>
<p>Действует система накопительных скидок для постоянных клиентов. Купить сток оптом стало проще</p>
<div class="main_box_caption"><a href="#">Накопительные скидки %</a></div>
</div> </td>
<td width="33%">
<div class="main_box withBorder" style="cursor: pointer"><a href="#"><img style="margin: 2px; float: left;" title="100% гарантия возврата денег" src="ссылка на изображение" alt="100% гарантия возврата денег" width="88"></a>
<p>100% гарантия возврата денег, в случае если товар Вам не понравится. Вы ничем не рискуете.</p>
<div class="main_box_caption"><a href="#">Купить сток оптом со 100% гарантией</a></div>
</div> </td>
<td width="33%"> <div class="main_box withBorder" style="cursor: pointer"><a href="#"><img style="margin: 2px; float: left;" title="100% гарантия возврата денег" src="ссылка на изображение" alt="100% гарантия возврата денег" width="88"></a>
<p>100% гарантия возврата денег, в случае если товар Вам не понравится. Вы ничем не рискуете.</p>
<div class="main_box_caption"><a href="#">Купить сток оптом со 100% гарантией</a></div>
</div> </td> </tr> </tbody> </table> </div>
а также не забудьте добавить стили, как в вышеизложенном сообщении.

Если у вас некорректно отображается. пришлите пожалуйста ваш код шаблона HTML   (прикрепите к сообщению)


#44563 Кнопки

Отправлено Koderhan на 15 Февраль 2013 - 11:14

Просто надпись на кнопке была привязана к условию в скрипте.
Значит придется еще изменить код кнопки.
<a class="more-link submit" {% IF GOODS_MOD_REST_VALUE>0 %} id="f1" {% ELSE %} id="f2" style="font: bold 14px/20px Tahoma,Geneva,sans-serif; text-indent: 0px;padding-top: 2px;text-align: center;padding-left: 0px;" {% ENDIF %} onclick="if($(this).html() == 'Уведомить <br> о поступлении') { document.location = '/feedback/?form[feedback_message]=Могли бы Вы уведомить меня о наличии товара ' + $('h1:first').text() + ' ' + $('.goodsDataMainModificationArtNumber').text() + '?'; } else { $('.goodsDataForm').submit(); } return false;" href="#">{% IF GOODS_MOD_REST_VALUE>0 %}Купить{% ELSE %}Уведомить </br> о поступлении{% ENDIF %}</a><br /><br />



#44548 Кнопки

Отправлено Koderhan на 15 Февраль 2013 - 10:27

Вы хотите чтобы при нажатие на кнопку "Уведомить меня" пользователю открывалась форма с возможностью ввода емайл адреса.
Который затем придет к вам на почту?


#42538 Кнопки

Отправлено Koderhan на 07 Февраль 2013 - 11:02

Просмотр сообщенияkaisyRUS (07 Февраль 2013 - 09:00) писал:

Тут возникла 1 проблема. Если товар имеет модификации и их нет в наличии, надпись на кнопке становится "уведомить меня", а не "уведомить о поступлении"
Прикрепленный файл чвс.pngПрикрепленный файл ячф.png
Вы просто можете найти в файле "Товар" слово "уведомить меня" и заменить на "уведомить о поступлении".


#41016 Редактирование Шапки

Отправлено Vaccina на 30 Январь 2013 - 01:32

Найдите в файле стилей main.css

#bar .links ul li a {
	color: #FFFFFF;
	display: block;
	font: italic 18px Georgia,"Times New Roman",Times,serif;
	height: 31px;
	padding: 5px 15px 0;
	text-decoration: none;
}

и замените на

#bar .links ul li a {
	color: #FFFFFF;
	display: block;
	font: italic 18px Georgia,"Times New Roman",Times,serif;
	height: 31px;
	padding: 5px 8px 0;
	text-decoration: none;
}
.home a {
	padding: 5px 15px 0 !important;
}

далее найдите

#bar .rever {
	color: #FFFFFF;
	float: right;
	font: 12px/29px PT Sans Narrow,"Trebuchet MS",sans-serif;
	height: 32px;
	margin: 0;
	overflow: hidden;
	padding: 0 15px 0 0;
	width: 205px;
}

и замените на

#bar .rever {
	color: #FFFFFF;
	float: right;
	font: 12px/29px PT Sans Narrow,"Trebuchet MS",sans-serif;
	height: 32px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 190px;
}



#40750 Кнопки

Отправлено Koderhan на 28 Январь 2013 - 18:44

Попробуйте изменить код кнопки на:


<a class="more-link submit" {% IF GOODS_MOD_REST_VALUE>0 %} id="f1" {% ELSE %} id="f2" style="font: bold 14px/20px Tahoma,Geneva,sans-serif; text-indent: 0px;padding-top: 2px;text-align: center;padding-left: 0px;" {% ENDIF %} onclick="if($(this).text() == 'Уведомить о поступлении') { document.location = '/feedback/?form[feedback_message]=Могли бы Вы уведомить меня о наличии товара ' + $('h1:first').text() + ' ' + $('.goodsDataMainModificationArtNumber').text() + '?'; } else { $('.goodsDataForm').submit(); } return false;" href="#">{% IF GOODS_MOD_REST_VALUE>0 %}Купить{% ELSE %}Уведомить </br> о поступлении{% ENDIF %}</a><br /><br />
Далее. Найти код в файл "main.csstemplate":

.goodsDataFormSubmitButton .more-link {
  background: url("http://files.storeland.ru/web/upload/sitefiles/5/402/401026/Moya_knopka2_pod_razmer.png") no-repeat left top;
  color: #fff;
  font: bold 16px/46px Tahoma,Geneva,sans-serif;
  height: 46px;
  width: 165px;
  text-indent: 37px;
}
Заменить:
.goodsDataFormSubmitButton .more-link {
  background: url("http://files.storeland.ru/web/upload/sitefiles/5/402/401026/Moya_knopka2_pod_razmer.png") no-repeat left top;
  color: #fff;
  font: bold 16px/46px Tahoma,Geneva,sans-serif;
  height: 46px;
  width: 170px;
  text-indent: 37px;
}



#40312 Кнопки

Отправлено Vaccina на 26 Январь 2013 - 02:39

Попробуйте использовать код

<!-- Доступность товара -->
																				  <div class="goodsDataMainModificationAvailable">
																								  <div rel="true" class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Товар есть в наличии</div>
																								  <div rel="false" class="available-false" {% IF GOODS_MOD_REST_VALUE>0 %}style="display:none;"{% ENDIF %}>Товара нет в наличии</div>
																				  </div>
			   
																			   
																  </td>
																  <td class="goodsDataFormSubmitButton">
																				<a class="more-link submit"  onclick="if($(this).text() == 'Уведомить меня') { document.location = '/feedback/?form[feedback_message]=Могли бы Вы уведомить меня о наличии товара ' + $('h1:first').text() + ' ' + $('.goodsDataMainModificationArtNumber').text() + '?'; } else { $('.goodsDataForm').submit(); } return false;" href="#">{% IF GOODS_MOD_REST_VALUE>0 %}В корзину{% ELSE %}Уведомить меня{% ENDIF %}</a><br /><br />



#40101 Кнопки

Отправлено Vaccina на 25 Январь 2013 - 01:05

В вашем случае код будет выглядеть так

<!-- Доступность товара -->
										  <div class="goodsDataMainModificationAvailable">
												  <div rel="true" class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Товар есть в наличии</div>
												  <div rel="false" class="available-false" {% IF GOODS_MOD_REST_VALUE>0 %}style="display:none;"{% ENDIF %}>Товара нет в наличии</div>
										  </div>
		
										
								  </td>
								  <td class="goodsDataFormSubmitButton">
										<a class="more-link submit"  onclick="if($(this).text() == 'Уведомить меня') { document.location = '/feedback/?form[feedback_message]=Могли бы Вы уведомить меня о наличии товара ' + $('h1:first').text() + ' ' + $(".goodsDataMainModificationArtNumber").text() + '?'; } else { $('.goodsDataForm').submit(); } return false;" href="#">{% IF GOODS_MOD_REST_VALUE>0 %}В корзину{% ELSE %}Уведомить меня{% ENDIF %}</a><br /><br />



#1601 Кнопки

Отправлено support на 21 Февраль 2011 - 17:47

Просмотр сообщенияkrever (19 Февраль 2011 - 06:08) писал:

Например как мне сделать:
Если товара нет в наличии, как мне переназначить кнопку "Положить в корзину" на "форму связи с администрацией"? (на странице товара)
По коду как я понял всё одинаково, полный код страницы не требуется. Другой вопрос - логика наличия товара и уведомления клиента о наличии в будущем. Вообще говоря - будет у нас в скором времени отдельный модуль для этой цели, а на данный момент можно использовать следующую логику:
Форма сообщения принимает текст сообщения не только POST запросом, но и через GET, что позволяет использовать следующий формат ссылок для текстов:
<a href="{FEEDBACK_URL}?form[feedback_message]=Уведомить о наличии">уведомить о наличии</a>

Поскольку формат переменной "form[feedback_message]=Уведомить о наличии" - это не верно, хоть и браузеры нормально обрабатывают подобный код, стоит использовать urlencoder который позволяет из вышеуказанного текста:
Уведомить о наличии
Получить правильный, разрешённый в url-адресах:
%D0%A3%D0%B2%D0%B5%D0%B4%D0%BE%D0%BC%D0%B8%D1%82%D1%8C%20%D0%BE%20%D0%BD%D0%B0%D0%BB%D0%B8%D1%87%D0%B8%D0%B8
В итоге ссылка на форму обратной связи с текстом получается вида:
<a href="{FEEDBACK_URL}?form[feedback_message]=%D0%A3%D0%B2%D0%B5%D0%B4%D0%BE%D0%BC%D0%B8%D1%82%D1%8C%20%D0%BE%20%D0%BD%D0%B0%D0%BB%D0%B8%D1%87%D0%B8%D0%B8">уведомить о наличии</a>

или вот так:
<a href="/feedback/?form[feedback_message]=%D0%A3%D0%B2%D0%B5%D0%B4%D0%BE%D0%BC%D0%B8%D1%82%D1%8C%20%D0%BE%20%D0%BD%D0%B0%D0%BB%D0%B8%D1%87%D0%B8%D0%B8">уведомить о наличии</a>
Кому как удобнее.

Итак к задаче:

Просмотр сообщенияkrever (19 Февраль 2011 - 06:08) писал:

Если товара нет в наличии, как мне переназначить кнопку "Положить в корзину" на "форму связи с администрацией"? (на странице товара)
В разделе "Сайт" > "Редактор тем" есть javascript файл "main.js", откройте его и найдите встроенным поиском браузера (CTRL+F) код:
// Есть ли товар есть в наличии
if(modificationRestValue>0) {
  goodsAvailableTrue.show();
  goodsAvailableFalse.hide();
// Если товара нет в наличии
} else {
  goodsAvailableTrue.hide();
  goodsAvailableFalse.show();
}
замените его следующим кодом:
// Есть ли товар есть в наличии
if(modificationRestValue>0) {
  goodsAvailableTrue.show();
  goodsAvailableFalse.hide();
  $('.goodsDataFormSubmitButton input:submit').val('Положить в корзину');
// Если товара нет в наличии
} else {
  goodsAvailableTrue.hide();
  goodsAvailableFalse.show();
  $('.goodsDataFormSubmitButton input:submit').val('Уведомить меня');
}

И в самом конце файла перед 2мя закрывающими скобочками и точкой с запятой:
});
вставьте следующую функцию:
  // Если товара нет в наличии перекидываем покупателя на страницу обратной связи
  $('.goodsDataFormSubmitButton input:submit').click(function(){
	if($(this).val() == 'Уведомить меня') {
	  document.location = "/feedback/?form[feedback_message]=Могли бы Вы уведомить меня о наличии товара " + $('h1:first').text();
	  return false;
	}
  });

У меня конец файла main.js в итоге получился таким:
$("#deliveryConvenientDate").datepicker({
	dayNames		: ['Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота', 'Воскресенье'],
	dayNamesMin	  : ['Вс', 'Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб' ],
	closeText		: 'Готово',
	currentText	  : 'Сегодня' ,
	duration		: '',
	monthNames	  : ['Январь','Февраль','Март','Апрель','Май','Июнь','Июль','Август','Сентябрь','Окрябрь','Ноябрь','Декабрь'],
	monthNamesShort : ['Янв','Фев','Март','Апр','Май','Июнь','Июль','Авг','Сен','Окт','Ноя','Дек'],
	yearRange		: "-6:+6",
	dateFormat	  : 'dd.mm.yy',
	minDate		 : new Date(),
	firstDay		: 1
  });
	
  // Если товара нет в наличии перекидываем покупателя на страницу обратной связи
  $('.goodsDataFormSubmitButton input:submit').click(function(){
	if($(this).val() == 'Уведомить меня') {
	  document.location = "/feedback/?form[feedback_message]=Могли бы Вы уведомить меня о наличии товара " + $('h1:first').text();
	  return false;
	}
  });
});
Собственно переключатель после этих манипуляций уже будет работать. Осталось только изменить кнопку "В корзину" при первой загрузке страницы товара. Для этого в редакторе тем в шаблоне "Товар" находим (CTRL+F) код кнопки:
<input type="submit" value="Положить в корзину" style="width:200px;" />

и заменяем его на следующий:
<input type="submit" value="{% IF GOODS_MOD_REST_VALUE>0 %}Положить в корзину{% ELSE %}Уведомить меня{% ENDIF %}" style="width:200px;" />

После этого логика должна работать в соответствии с заданием:
Если товара нет в наличии, то вместо кнопки "Положить в корзину" появится кнопка ведущая на "форму обратной связи" с набранным текстом:
"Могли бы Вы уведомить меня о наличии товара ..."


#39641 Как На Сайт Добавить Музыку При Открытии Сайта?

Отправлено Vaccina на 22 Январь 2013 - 23:14

Как временный вариант это отключение javascript'а в браузере при просмотре редактируемой страницы. После изменения и сохранения не забудьте включить javascript в вашем браузере.


#37713 Фон

Отправлено miyako на 12 Январь 2013 - 07:30

Просмотр сообщенияkaisyRUS (11 Январь 2013 - 10:56) писал:

Что-то не выходит
</head>
<body style="background:url("http://files.storeland.ru/web/upload/sitefiles/4/385/384640/bg.jpg") repeat-xy center center;">
<p id="back-top">
	 <a href="#top"><span></span>Вверх</a>
</p>
<div class="b_page" id="wrapper">
<div id="hdr">
	 <div class="top">

Надо чтоб эта картинка дублировалась заместо белого фона

У вас в файле main.csstemplate два раза указаны стили для тега 
<body>
, соберите в один и замените код:
body {
  background: url(/web/upload/assets/images/83/82840/bg.jpg) #fff no-repeat center top;
  min-width: 965px;
}
body {
  font-family: Helvetica, Arial, sans-serif;
}
на:
body {
min-width: 965px;
font-family: Helvetica, Arial, sans-serif;
background: url({ASSETS_IMAGES_PATH}название картинки повторяющего фона) repeat ;
}

А также добавьте следующий код:
.body_fon{
background: url(/web/upload/assets/images/83/82840/bg.jpg) no-repeat center top;
}

В шаблоне HTML найдите следующий код:
<body style="background:url(" http:="" files.storeland.ru="" web="" upload="" sitefiles="" 4="" 385="" 384640="" bg.jpg")"="">
и замените его на:
<body>
<div class="body_fon">

Там же найдите код:
</body>
и перед ним вставьте следующий код:
</div>





  1. Форум владельцев интернет-магазинов
  2. → Просмотр профиля: "Лайки": kaisyRUS
  3. Privacy Policy