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


Изменить Расположение Объектов На Странице


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

#41 Vaccina

Vaccina

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

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

Отправлено 19 Май 2015 - 04:27

1. В шаблоне Товар найдите:
<div class="goodsDataMainModificationAvailable">
			<div class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Наличие:&nbsp;<span>Есть в наличии</span></div>
		   <div class="available-false" {% IF GOODS_MOD_REST_VALUE>0 %}style="display:none;"{% ENDIF %}>Наличие:&nbsp;<span>Нет в наличии</span></div>
		  </div>

перенесите его, поставив перед:
<div class="prodPrice">
			  <div class="pNew">
				<span class="prWord">Цена:</span>

далее найдите и удалите:
<!-- Если есть характеристики товара -->
			   {% IFNOT goods_features_empty %}
				 <a href="javascript:tabSwitch(2);" id="tab_2">Характеристики</a>
			   {% ENDIF %} 
			   <!--END Если есть характеристики товара -->

  <div id="content_2" class="tab-content" {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}style="display:none;"{%ENDIF%}>
					
			 <div class="properties">
				<h3>Характеристики "{GOODS_NAME}"</h3>
			  
				 {% FOR goods_features %}
				 <div class="oneprop">
				  <div class="attr_name">{goods_features.NAME} :</div>
				  <div class="attr_value">{goods_features.VALUE}</div>
				 </div>
				 {% ENDFOR %}
			 
			 </div>
		
			  </div>

далее найдите:
<div class="goodsDataMainModificationArtNumber" {% IFNOT GOODS_MOD_ART_NUMBER %}style="display:none"{% ELSE %}itemprop="identifier"{% ENDIF %}>
			Артикул: <span>{GOODS_MOD_ART_NUMBER}</span>
		  
		  </div>

после него вставьте:
<div class="properties">
				<h3>Характеристики "{GOODS_NAME}"</h3>
			  
				 {% FOR goods_features %}
				 <div class="oneprop">
				  <div class="attr_name">{goods_features.NAME} :</div>
				  <div class="attr_value">{goods_features.VALUE}</div>
				 </div>
				 {% ENDFOR %}
			 
			 </div>

далее найдите:
{% IFNOT GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}
		  <div class="row">
				<div class="cols col-12">
				<input type="hidden" name="hash" value="{HASH}" />
		   <input type="hidden" name="form[goods_from]" value="{GOODS_FROM}" />
						  <!-- По этому значению производится заказ товара -->
		 <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />
				
				 
						 <!-- Блок выбора модификаций для текущей товарной позиции -->
				<div class="goodsDataMainModificationsBlock description" {% IF GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}style="display:none;"{% ENDIF %}>
				  {% FOR goods_modifications_properties %}
		   <div class="goodsDataMainModificationsBlockProperty">
		   <!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь -->
		   {% FOR values %}
				<!-- Если это первый элемент в списке -->
				{% IF goods_modifications_properties.values.first %}
				  {goods_modifications_properties.NAME} <span class="reqField">*</span><br />
				  <select class="modSelect" name="form[properties][]">
				{% ENDIF %}
						<option value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}selected="selected"{% ENDIF %}>{goods_modifications_properties.values.NAME}</option>
				<!-- Если это последний элемент в списке -->
				{% IF goods_modifications_properties.values.last %}
				  </select>
				{% ENDIF %}
				{% ENDFOR %}
				</div>						  
		  {goods_modifications_properties.index | is_divided("2","","")}
				  {% ENDFOR %}
				  <!-- Данные по модификациям для текущей товарной позиции -->
				  {% FOR goods_modifications %}
						<div class="goodsDataMainModificationsList" rel="{goods_modifications.PROPERTIES_SLUG}">
		   <input type="hidden" name="id" value="{goods_modifications.ID}" />
		   <input type="hidden" name="art_number" value="{goods_modifications.ART_NUMBER}" />
		   <input type="hidden" name="price_now" value="{goods_modifications.PRICE_NOW}" />
		   <div class="price_now_formated" style="display:none">{goods_modifications.PRICE_NOW | money_format}</div>
		   <input type="hidden" name="price_old" value="{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT}{% ELSE %}{goods_modifications.PRICE_OLD}{% ENDIF %}" />
		   <div class="price_old_formated" style="display:none">{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT | money_format}{% ELSE %}{goods_modifications.PRICE_OLD | money_format}{% ENDIF %}</div>
		   <input type="hidden" name="rest_value" value="{goods_modifications.REST_VALUE}" />
		   <input type="hidden" name="measure_id" value="{goods_modifications.MEASURE_ID}" />
		   <input type="hidden" name="measure_name" value="{goods_modifications.MEASURE_NAME}" />
		   <input type="hidden" name="measure_desc" value="{goods_modifications.MEASURE_DESC}" />
		   <input type="hidden" name="measure_precision" value="{goods_modifications.MEASURE_PRECISION}" />
		   <input type="hidden" name="is_has_in_compare_list" value="{goods_modifications.IS_HAS_IN_COMPARE_LIST}" />
		   <div class="description" style="display:none">{goods_modifications.DESCRIPTION}</div>					   
						</div>
				  {% ENDFOR %}			
		 <!-- Блок описания модификации -->
				<div class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
				  {GOODS_MOD_DESCRIPTION}
		   </div>
</div>
		  </div>
   {%ENDIF%}

переместите его, поставив после блока характеристик

2. По размеру краткое описание должно быть с правую колонку или всю контентную часть как описание и доставка?
3. Какое поле будите использовать для вывода состава? Краткое описание и полное описание у вас уже используется на сайте.

#42 Hiding

Hiding

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

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

Отправлено 19 Май 2015 - 09:33

Спасибо, все хорошо.
Есть пару недочетов:

1.Можно убрать надпись характеристики?
2.Сами характеристик сдвинуть левее (привязать на уровне артикла)?
3.Модификацию сделать на уровне самого описания модификации. А то получается вкус вверху а изменение вкуса снизу. И немного расширить а то не влазят.
4 И текст увеличить характеристик и модификации (сделать такой же как артикул).
5. А по поводу состава. Добавить нельзя еще вкладку или нужно использовать существующие?

19-05-2015 15-23-13.png

#43 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 19 Май 2015 - 11:07

Просмотр сообщенияHiding (19 Май 2015 - 09:33) писал:

Спасибо, все хорошо.
Есть пару недочетов:

1.Можно убрать надпись характеристики?
2.Сами характеристик сдвинуть левее (привязать на уровне артикла)?
3.Модификацию сделать на уровне самого описания модификации. А то получается вкус вверху а изменение вкуса снизу. И немного расширить а то не влазят.
4 И текст увеличить характеристик и модификации (сделать такой же как артикул).
5. А по поводу состава. Добавить нельзя еще вкладку или нужно использовать существующие?

Прикрепленный файл 19-05-2015 15-23-13.png

Здравствуйте.
1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар, найдите код:
<h3>Характеристики "{GOODS_NAME}"</h3>

Замените на:
<h3 style="display:none;">Характеристики "{GOODS_NAME}"</h3>

2. В конце шаблона main.css добавьте код:
.properties {
text-align: left;
}

3. В шаблоне main.css найдите код:
.goodsDataMainModificationsBlockProperty {
	 border-bottom: 1px solid #e5e5e5;
	 display: inline-block;
	 font-size: 14px;
	 padding: 10px 15px 20px;
	 text-align: left;
	 width: 40%;
}

Замените на:
.goodsDataMainModificationsBlockProperty {
	 border-bottom: 1px solid #e5e5e5;
	 display: inline-block;
	 font-size: 16px;
	 padding: 10px 0px 10px 0;
	 /* text-align: left; */
	 /* width: 40%; */
	 float: left;
}

Найдите код:
.modSelect {
font-size: 14px;
margin: 5px 0 0 30px;
padding: 10px 5px;
width: 100%;
}

Замените на:
.modSelect {
font-size: 14px;
margin-left: 6px;
padding: 10px 5px;
/* width: 100%; */
}

4. В шаблоне main.css найдите код:
.attr_name{font-size: 14px;width:44%;float:left;height:20px;overflow:hidden;}

Замените на:
.attr_name{font-size: 16px;width:44%;float:left;height:20px;overflow:hidden;}


#44 Hiding

Hiding

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

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

Отправлено 19 Май 2015 - 11:41

Спасибо огромное.
3. Замена кода не помогло.

Просмотр сообщенияFirefly (19 Май 2015 - 11:07) писал:

Найдите код:
.modSelect {
font-size: 14px;
margin: 5px 0 0 30px;
padding: 10px 5px;
width: 100%;
}

Замените на:
.modSelect {
font-size: 14px;
margin-left: 6px;
padding: 10px 5px;
/* width: 100%; */
}


И модификации тоже левее надо сдвинуть.

19-05-2015 17-35-28.png

#45 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 19 Май 2015 - 11:47

Просмотр сообщенияHiding (19 Май 2015 - 11:41) писал:

Спасибо огромное.
3. Замена кода не помогло.


И модификации тоже левее надо сдвинуть.

Прикрепленный файл 19-05-2015 17-35-28.png

В шаблоне Товар найдите код:
<!-- Если это первый элемент в списке -->
			 {% IF goods_modifications_properties.values.first %}
				 {goods_modifications_properties.NAME} <span class="reqField">*</span><br />

Замените на:
<!-- Если это первый элемент в списке -->
			 {% IF goods_modifications_properties.values.first %}
				 {goods_modifications_properties.NAME} <span class="reqField">*</span>


#46 Hiding

Hiding

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

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

Отправлено 19 Май 2015 - 12:17

Спасибо огромное.
И последнее:
1.Разделительную полоску между характеристиками можно убрать?
2.Краткое описание сдвинуть после фото вниз.
3.Еще одну вкладку (состав) реально добавить возле вкладки описание?
4.Рамку блогов с товарами (включая акции, новинки, описание товаров и т.д.) можно сделать тоненькую и черного цвета?
5.И сами блоги прозрачные. Можно их сделать белыми или частично прозрачными на всех страницах т. к. хочу поменять цвет фона?

19-05-2015 18-15-02.png

#47 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 19 Май 2015 - 13:52

Просмотр сообщенияHiding (19 Май 2015 - 12:17) писал:

Спасибо огромное.
И последнее:
1.Разделительную полоску между характеристиками можно убрать?
2.Краткое описание сдвинуть после фото вниз.
3.Еще одну вкладку (состав) реально добавить возле вкладки описание?
4.Рамку блогов с товарами (включая акции, новинки, описание товаров и т.д.) можно сделать тоненькую и черного цвета?
5.И сами блоги прозрачные. Можно их сделать белыми или частично прозрачными на всех страницах т. к. хочу поменять цвет фона?

Прикрепленный файл 19-05-2015 18-15-02.png

1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.oneprop{border-bottom:1px solid #ddd;}

Замените на:
.oneprop{/* border-bottom:1px solid #ddd; */}

Найдите код:
.goodsDataMainModificationsBlockProperty {
		 border-bottom: 1px solid #e5e5e5;
		 display: inline-block;
		 font-size: 16px;
		 padding: 10px 0px 10px 0;
		 /* text-align: left; */
		 /* width: 40%; */
		 float: left;
}

Замените на:
.goodsDataMainModificationsBlockProperty {
		 /* border-bottom: 1px solid #e5e5e5; */
		 display: inline-block;
		 font-size: 16px;
		 padding: 10px 0px 10px 0;
		 /* text-align: left; */
		 /* width: 40%; */
		 float: left;
}

2. В админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар найдите и удалите код:
{%IF GOODS_DESCRIPTION_SHORT%}
			 <p class="shortP">Краткое описание:</p>
			 <div class="shortD" itemprop="description">
				 {GOODS_DESCRIPTION_SHORT}
			 </div>
			 {%ENDIF%}

Найдите код:
</div><!--END goodLeft-->

Замените на:
{%IF GOODS_DESCRIPTION_SHORT%}
			 <p class="shortP">Краткое описание:</p>
			 <div class="shortD" itemprop="description">
				 {GOODS_DESCRIPTION_SHORT}
			 </div>
			 {%ENDIF%}
</div><!--END goodLeft-->

4. В шаблоне main.css найдите код:
#prodWrp{border:10px solid #ddd; padding:25px;position:relative;}

Замените на:
#prodWrp{border: 1px solid #000; padding:25px;position:relative;}

5. В шаблоне main.css найдите код:
.main-color{color:rgb(0,102,102)}

Замените на:
.main-color{color:rgba(0, 102, 102, 0.4)}

3 пункт возможно реализовать, но только используя вывод из свободного поля параметров Ваших товаров, т.к. отдельного поля для ввода "Состава" не существует.
Например можно использовать поля SEO описания, которые в данный момент у Вас не заполнены, но возможно в дальнейшем они Вам понадобятся для продвижения товаров, поэтому подумайте насколько действительно это Вам необходимо.

#48 Hiding

Hiding

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

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

Отправлено 19 Май 2015 - 14:42

Спасибо.
1.Рамку я хотел поменять на всех разделах товара.
2.И белый фон я имел ввиду на всех карточках и блогах товара, а не основная цветовая схема сайта.
3.И краткое описание можно чтоб не переносилось по середине страницы а писалось дальше?

19-05-2015 20-26-16.png 19-05-2015 20-28-30.png 19-05-2015 20-29-40.png


Я наверно уже вам надоел. Извините.

#49 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 19 Май 2015 - 15:30

Просмотр сообщенияHiding (19 Май 2015 - 14:42) писал:

Спасибо.
1.Рамку я хотел поменять на всех разделах товара.
2.И белый фон я имел ввиду на всех карточках и блогах товара, а не основная цветовая схема сайта.
3.И краткое описание можно чтоб не переносилось по середине страницы а писалось дальше?

Прикрепленный файл 19-05-2015 20-26-16.pngПрикрепленный файл 19-05-2015 20-28-30.pngПрикрепленный файл 19-05-2015 20-29-40.png


Я наверно уже вам надоел. Извините.

1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.prod_hold{display:inline-block;border:10px solid #ddd;margin:15px 10px 0 15px;position:relative;}

Замените на:
.prod_hold{display:inline-block;border: 1px solid #000;margin:15px 10px 0 15px;position:relative;}

Найдите код:
.list_prod_wrp{border:10px solid #ddd; width:100%;margin:0 0 30px 0;position:relative;}

Замените на:
.list_prod_wrp{border: 1px solid #000; width:100%;margin:0 0 30px 0;position:relative;}

Найдите код:
.proditem{height:auto;border:12px solid #ddd;}

Замените на:
.proditem{height:auto;border: 1px solid #000;}

3. Чтобы краткое описание отображалось полностью и не переносилось(сейчас оно ограничивается размером левого блока) необходимо его вынести за границы блока, для этого в шаблоне Товар найдите и удалите ранее вставленный код:
{%IF GOODS_DESCRIPTION_SHORT%}
						 <p style="display:none;">Краткое описание:</p>
						 <div class="shortD" itemprop="description">
								 {GOODS_DESCRIPTION_SHORT}
						 </div>
						 {%ENDIF%}

Найдите код:
</div>
	  <div class="row">
		<div class="cols col-12">

Замените на:
{%IF GOODS_DESCRIPTION_SHORT%}
						 <p style="display:none;">Краткое описание:</p>
						 <div class="shortD" itemprop="description">
								 {GOODS_DESCRIPTION_SHORT}
						 </div>
						 {%ENDIF%}
</div>
	  <div class="row">
		<div class="cols col-12">


#50 Hiding

Hiding

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

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

Отправлено 19 Май 2015 - 16:48

Спасибо большое.
А по 2-му никак да?

#51 Vaccina

Vaccina

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

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

Отправлено 20 Май 2015 - 05:21

В main.css найдите:
.proditem {
  border: 1px solid #ddd;
  height: auto;
}

замените на:
.proditem {
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid #ddd;
  height: auto;
}

в блоки товаров на главной мы добавили белую полупрозрачную подложку с помощью background: rgba(255, 255, 255, 0.7);

Аналогичное изменение произведите в следующих блоках стилей:
.prod_hold {
  border: 1px solid #ddd;
  display: inline-block;
  margin: 15px 10px 0 15px;
  position: relative;
}

.box-content {
  padding: 0 10px 20px 0;
  text-align: justify;
}

.page_title {
  border-bottom: 1px dotted;
  padding: 0 0 15px;
}

также добавьте еще следующий блок стилей:
.product-list2 .category-info {
  background: rgba(255, 255, 255, 0.7);
}


#52 Iresteks

Iresteks

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

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

Отправлено 25 Декабрь 2015 - 00:46

Просмотр сообщенияigor217 (10 Декабрь 2014 - 05:02) писал:

А теперь получилось вот что))) на скрине.

Вы извините, не думал, что столько менять придется, думал это сделать гораздо проще)))

Добрый день! Проделала все указанное выше а дальше не получается нет таких кодов в main.css
и надо  расширить рамку товара.
и Условия доставки вообще убрать из всех карточек

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

  • Screenshot_6.png


#53 Vaccina

Vaccina

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

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

Отправлено 25 Декабрь 2015 - 02:29

В шаблоне HTML найдите:
{%ENDIF%}
		  <div class="cols {%IF ACT = login || index_page || MOD_LNAME = cart%}col-12{%ELSE%}col-9{%ENDIF%}">
		  <div class="{%IF MOD_LNAME = cart%}cartbreadcrumbs{%ELSE%}pagecont{%ENDIF%}">
			{% IFNOT index_page %}
		<div class="title-holder theme-color">

замените на:
{%ENDIF%}
		  <div class="cols {%IF ACT = login || index_page || MOD_LNAME = cart || MOD_LNAME = goods %}col-12{%ELSE%}col-9{%ENDIF%}">
		  <div class="{%IF MOD_LNAME = cart%}cartbreadcrumbs{%ELSE%}pagecont{%ENDIF%}">
			{% IFNOT index_page %}
		<div class="title-holder theme-color">

В шаблоне Товар найдите и удалите:
<!--Способы доставки-->
				<a href="javascript:tabSwitch(3);" id="tab_3">Условия доставки</a>		
<div id="content_3" class="tab-content" {% IF GOODS_DESCRIPTION_LARGE %}style="display:none;"{%ENDIF%}>
				 <!-- Блок описания вариантов доставки -->
					<div class="deliveryRules">
					  <h3>Условия доставки</h3>
					  {% FOR goods_delivery %}
						<h4>Вариант {goods_delivery.index}: {goods_delivery.NAME}</h4>
						<div>
						  <p style="color: #666;">{goods_delivery.DESC}</p>
						  {% IF goods_delivery.rules_empty %}
							{% IF goods_delivery.PRICE=0 %}
							  <em>Стоимость доставки: {goods_delivery.PRICE | money_format}</em>
							{% ELSE %}
							  Стоимость доставки: {goods_delivery.PRICE | money_format}</span>
							{% ENDIF %}
						  {% ELSE %}
							<table class="table" style="margin-left:10px">
							  <thead>
								<tr>
								  <td><h4>Стоимость доставки зависит от суммы заказа</h4></td>
								</tr>
							  </thead>
							  <tbody style="color: #666;">
								{% FOR rules %}
								  <tr>
									<td>Для заказов больше {goods_delivery.rules.SUM_MORE_PRICE | money_format} - доставка {goods_delivery.rules.PRICE | money_format}</td>
								  </tr>
								{% ENDFOR %}
								<tr>
								  <td>Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format} - доставка {goods_delivery.PRICE | money_format}</td>
								</tr>
							  </tbody>
							</table>
						  {% ENDIF %}
						</div>
					  {% ENDFOR %}
					  </div>
					</div>
<!-- /Блок описания вариантов доставки -->





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

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