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


Характеристики На Место Доставки


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 50

#1 ultratim

ultratim

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 26 Август 2013 - 15:26

В карточке товара убрал блок доставки и сделал характеристики в один столбец. Как характеристики переместить на место удаленного блока "Доставка" под цену? Как шрифт названия характеристик сделать нормальным, а не светлым и плохо видимым как сейчас? И как убрать "добавить к сравнению" в карточке товара и "сравнить товары" с главной?

#2 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 26 Август 2013 - 16:12

Скажите пожалуйста номер Вашего аккаунта?

#3 ultratim

ultratim

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 26 Август 2013 - 17:09

SL-232472

#4 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 26 Август 2013 - 17:35

В шаблоне Товар найдите блок
<!-- Блок описания модификации -->
				 <tr>
				 <td class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %} colspan="2">
					 {GOODS_MOD_DESCRIPTION}
				 </td>
				 </tr>
и после него вставьте блок
<tr>
<td class="goodsDataMainDiscountBlock" colspan="2">
<!-- Блок характеристик товара. Показываем его если указаны характеристики -->
{% IFNOT goods_features_empty %}
	 <h3>Характеристики {GOODS_NAME}</h3><br />
	 <table class="goodsDataFeatures">
	 <tr>
		 {% FOR goods_features%}
		 <td>
			 <p><span>{goods_features.NAME}</span></p>
		 </td>
		 <td>
			 {goods_features.VALUE}
		 </td>
		 {% IFNOT goods_features.last %}{goods_features.index | is_divided("1","</tr><tr>","")}{% ENDIF %}
		 {% ENDFOR %}
		 </td>
	 </tr>
	 </table><br /><br />
{% ENDIF %}
<!-- END Блок характеристик товара. Показываем его если указаны характеристики -->
	
</td>
</tr>

Далее в этом же шаблоне удалите блок
<!-- Блок характеристик товара. Показываем его если указаны характеристики -->
{% IFNOT goods_features_empty %}
	 <h3>Характеристики {GOODS_NAME}</h3><br />
	 <table class="goodsDataFeatures">
	 <tr>
		 {% FOR goods_features%}
		 <td>
			 <p><span>{goods_features.NAME}</span></p>
		 </td>
		 <td>
			 {goods_features.VALUE}
		 </td>
		 {% IFNOT goods_features.last %}{goods_features.index | is_divided("1","</tr><tr>","")}{% ENDIF %}
		 {% ENDFOR %}
		 </td>
	 </tr>
	 </table><br /><br />
{% ENDIF %}
<!-- END Блок характеристик товара. Показываем его если указаны характеристики -->

который расположен ниже, после блока
<!-- Полное SEO-описание -->
	 {% IF GOODS_SEO_DESCRIPTION_LARGE %}
	 <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description">{GOODS_SEO_DESCRIPTION_LARGE}</div>
	 {% ENDIF %}
	 <!-- END Полное SEO-описание -->
</div>
и теперь в файле main.css найдите блок
.goodsData, .goodsDataOpinion, .goodsDataFeatures {
width: 680px;
}
и замените его на
.goodsData, .goodsDataOpinion, .goodsDataFeatures {
width: 369px;
}


#5 ultratim

ultratim

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 26 Август 2013 - 18:36

все хорошо, только  .goodsData пришлось вырезать, вынести в отдельную строку и поставить 650 px, иначе ширина текста была на половину блока. спасибо.

#6 ultratim

ultratim

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 27 Август 2013 - 15:58

Можно еще вопрос? Как можно переместить поиск под верхнее меню, над каталогом товаров, телефон переместить на место поиска, а блок "В корзине товаров" сместить чуть влево, чтобы семмитрично было. шапку уже нашел в Psd

#7 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 27 Август 2013 - 16:47

В шаблоне hTML найдите блок
<!-- Поиск -->
	 <div id="search">
	 <form action="http://{NET_DOMAIN}/search" id="searchform" method="get">
		 <div>
		 <input type="text" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" id="s" class="search_box alignleft" name="q" />
		 <input type="image" class="submit alignright" src="{ASSETS_IMAGES_PATH}search_but.gif" />
		 <div class="clr"></div>
		 </div>
	 </form>
	 </div>
	 <div class="clr"></div>
	 <!-- end Поиск -->
замените его на
<div class="clr"></div>
. Теперь после блока
<!-- Каталог -->
			 <div class="pad-box">
			 <ul class="leftmenu">
вставьте блок
<li>
				 <!-- Поиск -->
	 <div id="search">
	 <form action="http://{NET_DOMAIN}/search" id="searchform" method="get">
		 <div>
		 <input type="text" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" id="s" class="search_box alignleft" name="q" />
		 <input type="image" class="submit alignright" src="{ASSETS_IMAGES_PATH}search_but.gif" />
		 <div class="clr"></div>
		 </div>
	 </form>
	 </div>
	 <div class="clr"></div>
	 <!-- end Поиск -->
			 </li>

Далее в файле main.css найдите блок
#search {
height: 35px;
float: right;
padding-top: 45px;
padding-right: 15px;
width: 245px;
}
и замените его на
#search {
height: 35px;
float: right;
padding-top: 45px;
padding-right: 15px;
width: 178px;
}

В том же файле найдите блок
#contactInfo {
position: absolute;
font-size: 1.1em;
top: 10px;
left: 170px;
}
и замените его на
#contactInfo {
position: absolute;
font-size: 1.1em;
top: 10px;
left: 740px;
}

Там же найдите блок
#cartInfo {
position: absolute;
font-size: 13px;
top: 54px;
left: 380px;
white-space: nowrap;
overflow: hidden;
height: 20px;
width: 340px;
}
и замените его на
#cartInfo {
position: absolute;
font-size: 13px;
top: 54px;
left: 440px;
white-space: nowrap;
overflow: hidden;
height: 20px;
width: 340px;
}

Сообщение отредактировал support 2.0: 30 Август 2013 - 16:04


#8 ultratim

ultratim

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 28 Август 2013 - 10:01

Получилось вот так
Изображение

#9 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 28 Август 2013 - 12:20

Просмотр сообщенияultratim (28 Август 2013 - 10:01) писал:

Получилось вот так
Изображение

У меня получилось так, как на скриншоте. Вы не оставили изменений на сайте.
Можете загрузить новую шапку, тогда можно будет подогнать элементы под нее.

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

  • сияние.png


#10 ultratim

ultratim

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 29 Август 2013 - 20:33

Просмотр сообщенияmiyako (28 Август 2013 - 12:20) писал:

У меня получилось так, как на скриншоте. Вы не оставили изменений на сайте.
Можете загрузить новую шапку, тогда можно будет подогнать элементы под нее.

Нет, оставил. Такая история почему-то только на firefox. В остальных браузерах все как у вас на изображении. Что можно сделать?

#11 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 30 Август 2013 - 16:05

Просмотр сообщенияultratim (29 Август 2013 - 20:33) писал:

Нет, оставил. Такая история почему-то только на firefox. В остальных браузерах все как у вас на изображении. Что можно сделать?
Изменила код этого сообщения. Попробуйте выполнить ту инструкцию еще раз.

#12 ultratim

ultratim

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 02 Сентябрь 2013 - 17:10

а как спозиционировать картинку корзины, да и вообще любую картинку?

вставил ее способом:
<img class="my" src="{ASSETS_IMAGES_PATH}корзина copy.jpg">
задал стиль для "my" в main.css
#my {
  width: 128px;
  height: 128px;
   left: 50px;
}
дал ей отступ, но она стоит в начале блока.

что-то сделал не то?

#13 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 02 Сентябрь 2013 - 17:53

Просмотр сообщенияultratim (02 Сентябрь 2013 - 17:10) писал:

а как спозиционировать картинку корзины, да и вообще любую картинку?

вставил ее способом:
<img class="my" src="{ASSETS_IMAGES_PATH}корзина copy.jpg">
задал стиль для "my" в main.css
#my {
  width: 128px;
  height: 128px;
   left: 50px;
}
дал ей отступ, но она стоит в начале блока.

что-то сделал не то?
в файле main.css найдите блок
#my {
  width: 128px;
  height: 128px;
   left: 50px;
}
замените на
.my {
	  float: right;
	  margin-right: 30px;
}

у Вас достаточно большая картинка, можно ее уменьшить, тогда замените этот код стилей на
.my {
	  float: right;
	  margin-right: 60px;
	  width: 100px;
}


#14 ultratim

ultratim

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 02 Сентябрь 2013 - 18:10

спасибо, все получилось.

#15 ultratim

ultratim

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 03 Сентябрь 2013 - 14:03

Здравствуйте. Необходимо в товарах на главной - хитах, интересных предложениях, новинках, также в каталоге релизовать красную кнопку "Купить сейчас" и рядом кнопку корзины. например что-то вроде этого
Изображение

или хотя бы две отдельных друг от друга красных кнопки "Купить сейчас" и "В корзину". Чтобы при нажатии кнопки "Купить сейчас" покупатель сразу переходил к быстрому способу оформления заказа, так как это написано в этойтеме(правда по той инструкции у меня ничего не получилось). А при нажатии кнопки "В корзину" мог бы перейти к обычному способу оформления заказа, правда без третьего пункта например.
Также в карточке товара вместо кнопки "Добавить к сравнению" поместить кнопку "Купить сейчас", иначе три кнопки там будут не к месту.

#16 Vaccina

Vaccina

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

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

Отправлено 04 Сентябрь 2013 - 01:18

Пожалуйста, сообщите выполнена ли у вас инструкция http://forum.storela...ина/#entry66223

Загружен ли файл order_fast.htm в разделе редактора тем, и вставлен ли код в файл main.js ?
Если у вас не выполнены данные изменения - пожалуйста, выполните их. После сообщите нам об этом и мы поможем вам вставить код кнопки сразу в всех шаблонах.

#17 ultratim

ultratim

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 04 Сентябрь 2013 - 11:00

файл загрузил, код в шаблоны main.js и html вставил.
код в шаблоне Товар и Товары тоже менять как в инструкции по ссылке? просто сейчас таких строчек в этих шаблонах у меня почему-то нет и изменить я их не могу.

#18 Сake

Сake

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

  • Модератоpы
  • 5 979 сообщений

Отправлено 05 Сентябрь 2013 - 03:22

Удалите в вашем шаблоне "HTML" подключение файлов

<link rel="stylesheet" href="{FORALL_STYLES_PATH}fancybox/2.1.4/jquery.fancybox.css" />
<script src="{FORALL_STYLES_PATH}fancybox/2.1.4/jquery.fancybox.pack.js"></script>

В шаблоне "Товар" найдите

<!-- Если в тарифном плане подключен модуль сравнения товаров -->
					{% IF TARIFF_FEATURE_GOODS_COMPARE %}
					  <!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров -->
					  {% IFNOT SETTINGS_COMPARE_DISABLE %}
						<div style="padding-bottom:1em;">
						  <input type="button" class="button goodsDataCompareButton add"  rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" value="Добавить к сравнению" title="Добавить товарную модификацию к списку сравнения с другими товарами" style="{% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}display:none;{% ENDIF %}width:200px;" />
						  <input type="button" class="button goodsDataCompareButton delete" rel="{COMPARE_DELETE_URL}?return_to={CURRENT_URL | urlencode}" value="Убрать из сравнения" title="Убрать товарную модификацию из списка сравнения с другими товарами" style="{% IFNOT GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}display:none;{% ENDIF %}width:200px;" />
						</div>
					  {% ENDIF %}
					{% ENDIF %}

и замените на

<input type="submit" value="Купить сейчас" onclick="quickorder('.goodsDataForm'); return false;" style="width:200px;" />

далее в шаблоне "Товары" найдите

<div class="goodsListItemPriceNew">
				  <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
				</div> 
				<div class="goodsListItemPriceOld">
				  {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
					  <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
					{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
					  <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
					{% ENDIF %}
				</div>

и ниже вставьте

<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListForm">
	<br /><br />
	<center>
		<input type="hidden" name="hash" value="{HASH}" />
		<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
		<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
  <input type="submit" value="В корзину" onclick="$(this).closest('form').submit(); return false;" /><br /><br />
  <input type="submit" value="Купить сейчас" onclick="quickorder($(this).closest('form')); return false;" />
	</center>
</form>

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

.goodsListItemBlock {
	height: 200px;
	margin: 5px;
	overflow: hidden;
}

и замените на

.goodsListItemBlock {
	height: 265px;
	margin: 5px;
	overflow: hidden;
}

далее в файле main.js найдите

$('.goodsDataForm, .goodsToCartFromCompareForm').submit

и замените на

$('.goodsDataForm, .goodsToCartFromCompareForm, .goodsListForm').submit

далее в шаблоне "HTML" найдите

<h3 class="goodsListItemName"><a href="{index_page_new_goods.URL}">{index_page_new_goods.NAME}</a></h3>
						<a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a>
						{% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
							<br /><a href="{index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
						  {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
							<br /><a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a>
{% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
<br /><a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}

и ниже добавьте

<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListForm">
	<br /><br />
	<center>
		<input type="hidden" name="hash" value="{HASH}" />
		<input type="hidden" name="form[goods_from]" value="{index_page_new_goods.GOODS_FROM}" />
		<input type="hidden" name="form[goods_mod_id]" value="{index_page_new_goods.MIN_PRICE_NOW_ID}" />
  <input type="submit" value="В корзину" onclick="$(this).closest('form').submit(); return false;" /><br /><br />
  <input type="submit" value="Купить сейчас" onclick="quickorder($(this).closest('form')); return false;" />
	</center>
</form>

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

<h3 class="goodsListItemName"><a href="{index_page_favorites_goods.URL}">{index_page_favorites_goods.NAME}</a></h3>
						<a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW}">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</a>
						{% IF index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_favorites_goods.MIN_PRICE_NOW %}
							<br /><a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
						  {% ELSEIF index_page_favorites_goods.MIN_PRICE_OLD>index_page_favorites_goods.MIN_PRICE_NOW %}
							<br /><a href="{index_page_favorites_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_OLD | money_format}</a>
						  {% ENDIF %}

и ниже добавьте

<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListForm">
	<br /><br />
	<center>
		<input type="hidden" name="hash" value="{HASH}" />
		<input type="hidden" name="form[goods_from]" value="{index_page_favorites_goods.GOODS_FROM}" />
		<input type="hidden" name="form[goods_mod_id]" value="{index_page_favorites_goods.MIN_PRICE_NOW_ID}" />
  <input type="submit" value="В корзину" onclick="$(this).closest('form').submit(); return false;" /><br /><br />
  <input type="submit" value="Купить сейчас" onclick="quickorder($(this).closest('form')); return false;" />
	</center>
</form>

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

<h3 class="goodsListItemName"><a href="{index_page_goods.URL}">{index_page_goods.NAME}</a></h3>
						<a href="{index_page_goods.URL_MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</a>
						{% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
							<br /><a href="{index_page_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
						  {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %}
							<br /><a href="{index_page_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_goods.MIN_PRICE_OLD | money_format}</a>
						  {% ENDIF %}

и ниже добавьте

<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListForm">
	<br /><br />
	<center>
		<input type="hidden" name="hash" value="{HASH}" />
		<input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" />
		<input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" />
  <input type="submit" value="В корзину" onclick="$(this).closest('form').submit(); return false;" /><br /><br />
  <input type="submit" value="Купить сейчас" onclick="quickorder($(this).closest('form')); return false;" />
	</center>
</form>

Стиль кнопки останется по умолчанию. Вам необходимо сначала выполнить данные изменения. После уже можно будет выполнить стилизацию.

#19 ultratim

ultratim

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 06 Сентябрь 2013 - 07:56

да, спасибо, отлично получилось. а где задать цвет для этих кнопок? изображения, я так понимаю, для них нет?
и еще. сделал в меню пункт "заказать звонок" по инструкции из этой темы. но сделать его всплывающим окном не получается. и хотелось бы расположить такую кнопку где-нибудь отдельно, наример по левому краю страницы сверху.

#20 Vaccina

Vaccina

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

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

Отправлено 07 Сентябрь 2013 - 03:30

Вам необходимо в шаблоне "Товары" и шаблоне "HTML" найти код кнопок

<input type="submit" value="В корзину" onclick="$(this).closest('form').submit(); return false;" /><br /><br />
<input type="submit" value="Купить сейчас" onclick="quickorder($(this).closest('form')); return false;" />

и заменить на

<input type="button" value="В корзину" onclick="$(this).closest('form').submit(); return false;" class="btn-bay" /><br /><br />
<input type="button" value="Купить сейчас" onclick="quickorder($(this).closest('form')); return false;" class="btn-baytop" />

далее вам необходимо добавить в файл стилей main.css

.btn-bay {
	background: url('{ASSETS_IMAGES_PATH}btn-bay.png') no-repeat center center;
	border: none;
	cursor: pointer;
}
.btn-baytop {
	background: url('{ASSETS_IMAGES_PATH}btn-baytop.png') no-repeat center center;
	border: none;
	cursor: pointer;
}

данные классы задают стиль оформления кнопок. Для задания изображения вам необходимо загрузить изображения кнопок в раздел редактора тем с именами btn-bay.png и btn-baytop.png или же изменить имена изображений в данных 2х классах.

По вопросу обратного звонка - почитайте сообщение http://forum.storela...нок/#entry33308

Ссылку вызова обратного звонка

<a class="zvonoc" href="#">Заказать звонок</a>

вы можете вставить в шапку, для этого добавьте данный код ссылки после строки

<div id="header">

в шаблоне "HTML". Затем в файл стилей main.css добавьте

.zvonoc {
	position: absolute;
	top: 10px;
	right: 300px;
}

для изменения положения кнопки - меняйте свойства top и right. В данном классе вы так же можете задать и дополнительные стили оформления.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных