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


Изменения В Карточке Товара

Автор Ovottona, 11 авг. 2016 09:39

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

#1 Ovottona

Ovottona

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

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

Отправлено 11 Август 2016 - 09:39

Добрый день.
Подскажите, пожалуйста, как в карточке товара сделать следующие изменения:

1. Удалить информацию о наличие товара.

2. К цене добавить слово "От" . Сдвинуть саму цену вправо, чтобы надписи все были ровными.

4. Поменять надпись на кнопке вместо "Купить" на "Заказать".

5. Мелкие фотографии разместить в линию

6. Переименовать вкладку "Доставка" на "Забронировать".
И подскажите, пожалуйста, где мне изменить текст, который во вкладке на свой.

Спасибо

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

  • 2016-08-11_13-23-28.png
  • 2016-08-11_13-31-41.jpg

#2 Ovottona

Ovottona

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

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

Отправлено 11 Август 2016 - 09:46

и 7 пункт

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

  • 2016-08-11_13-44-20.png

#3 Danil

Danil

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

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

Отправлено 11 Август 2016 - 10:41

Просмотр сообщенияOvottona (11 Август 2016 - 09:39) писал:

Добрый день.
Подскажите, пожалуйста, как в карточке товара сделать следующие изменения:

1. Удалить информацию о наличие товара.

2. К цене добавить слово "От" . Сдвинуть саму цену вправо, чтобы надписи все были ровными.

4. Поменять надпись на кнопке вместо "Купить" на "Заказать".

5. Мелкие фотографии разместить в линию

6. Переименовать вкладку "Доставка" на "Забронировать".
И подскажите, пожалуйста, где мне изменить текст, который во вкладке на свой.

Спасибо

Просмотр сообщенияOvottona (11 Август 2016 - 09:46) писал:

и 7 пункт
Здравствуйте.
1) В шаблоне Товар удалите код 
		  <!-- Доступность товара --> 
		 <div class="goodsDataMainModificationAvailable">
	   <div class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}> Наличие товара:  <strong itemprop="availability">Товар есть в наличии </strong></div>
	   <div class="available-false" style="{% IF GOODS_MOD_REST_VALUE>0 %}display:none;{% ENDIF %}">Наличие товара: <strong itemprop="availability">Товара нет в наличии </strong></div>
	   </div>
2) В шаблоне Товар найдите код 

		  <!-- Цена сейчас -->
		  <span class="productSpecialPrice1 goodsDataMainModificationPriceNow" title="Текущая цена за &laquo;{GOODS_NAME}&raquo;" itemprop="price" content="{GOODS_MOD_PRICE_NOW}">
			{GOODS_MOD_PRICE_NOW | money_format}
		  </span>
и замените на 

		  <!-- Цена сейчас -->
		  <span class="productSpecialPrice1 goodsDataMainModificationPriceNow" title="Текущая цена за &laquo;{GOODS_NAME}&raquo;" itemprop="price" content="{GOODS_MOD_PRICE_NOW}">
		   От {GOODS_MOD_PRICE_NOW | money_format}
		  </span>
4) В шаблоне Товар найдите код 
		  <input type="button" value="Купить" id="button-cart" class="buy_button" onclick="quickorder('.goodsDataForm'); return false;"  title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
и замените на 


		  <input type="button" value="Заказать" id="button-cart" class="buy_button" onclick="quickorder('.goodsDataForm'); return false;"  title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
5) В style.css найдите код 
.img_middle_big { width: 100%; height:251px; position:relative; margin:0 0 5px; }
и замените на 
.img_middle_big { width: 100%;position:relative; margin:0 0 5px; }
В шаблоне Товар найдите и удалите код 
	  <!-- Другие изображения товара. Отображаются если есть изображения товара -->
	  {% IFNOT goods_images_empty %}
		{% FOR goods_images %}
		  {% IF goods_images.length>1 %}
			{% IF goods_images.first %}
			  <div class="photos" id="product_images_small_photos">
			{% ENDIF %}
			 <div class="img_middle_small">
				  <div>
				 <a href="{goods_images.MEDIUM}" target="_blank"><img class="game_img_selected" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
				</div>
			   </div>
			  {% IF goods_images.last %} 
			  <div class="clear"></div>
			  </div>
			{% ENDIF %} 
		  {% ENDIF %}
		{% ENDFOR %}
	  {% ENDIF %}
Далее найдите 
	<div class="clear"></div>
	<div class="tabs_block">
и замените на 

	<div class="clear"></div>
	  <!-- Другие изображения товара. Отображаются если есть изображения товара -->
	  {% IFNOT goods_images_empty %}
		{% FOR goods_images %}
		  {% IF goods_images.length>1 %}
			{% IF goods_images.first %}
			  <div class="photos" id="product_images_small_photos">
			{% ENDIF %}
			 <div class="img_middle_small">
				  <div>
				 <a href="{goods_images.MEDIUM}" target="_blank"><img class="game_img_selected" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
				</div>
			   </div>
			  {% IF goods_images.last %} 
			  <div class="clear"></div>
			  </div>
			{% ENDIF %} 
		  {% ENDIF %}
		{% ENDFOR %}
	  {% ENDIF %}
	<div class="clear"></div>
	<div class="tabs_block">
6) В шаблоне Товар найдите код 
		<a href="javascript:tabSwitch(3);" id="tab_3">Доставка</a>
и замените на 
		<a href="javascript:tabSwitch(3);" id="tab_3">Забронировать</a>
В шаблоне Товар найдите код 
	<div id="content_3" class="product-info tab-content">
		<!-- Блок описания вариантов доставки -->
		<div class="span12">
		  <h4>Условия доставки</h4>
		  {% FOR goods_delivery %}
			<strong>Вариант {goods_delivery.index}: {goods_delivery.NAME}</strong>
			<div class="span12 htmlDataBlock">
			  <p style="color: #333;">{goods_delivery.DESC}</p>
			  {% IF goods_delivery.rules_empty %}
				{% IF goods_delivery.PRICE=0 %}
				  <strong class="black">Стоимость доставки: {goods_delivery.PRICE | money_format}</strong>
				{% ELSE %}
				  <strong class="black">Стоимость доставки: {goods_delivery.PRICE | money_format}</strong>
				{% ENDIF %}
			  {% ELSE %}
				<table class="table">
				  <thead>
					<tr>
					  <td><h5>Стоимость доставки зависит от суммы заказа</h5></td>
					</tr>
				  </thead>
				  <tbody style="color: #333;">
					{% 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>
и  замените на 
	<div id="content_3" class="product-info tab-content">
		<div class="span12">
		  <h4>ЗАГОЛОВОК</h4>
			 СОДЕРЖАНИЕ
		</div>
	  </div>
замените текст "ЗАГОЛОВОК" и "СОДЕРЖАНИЕ" на свой.
7) В шаблоне html найдите код 
				  <input type="button" value="Купить" id="button-cart" class="buy_button" onclick="quickorder('.goodsDataForm2'); return false;"  title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
и замените на 

				  <input type="button" value="Заказать" id="button-cart" class="buy_button" onclick="quickorder('.goodsDataForm2'); return false;"  title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>

#4 Ovottona

Ovottona

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

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

Отправлено 11 Август 2016 - 11:32

с пунктом 5 не получается. Не могу найти:

Далее найдите
        <div class="clear"></div>
        <div class="tabs_block">
и замените на

#5 Danil

Danil

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

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

Отправлено 11 Август 2016 - 11:39

Просмотр сообщенияOvottona (11 Август 2016 - 11:32) писал:

с пунктом 5 не получается. Не могу найти:

Далее найдите
<div class="clear"></div>
<div class="tabs_block">
и замените на
В шаблоне Товар на 253 и 254 строках.

#6 Ovottona

Ovottona

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

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

Отправлено 11 Август 2016 - 11:44

к сожалению у меня там вот это
         <a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a>
        {% ENDIF %}

шаблон Товар. Проверила

#7 Danil

Danil

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

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

Отправлено 11 Август 2016 - 11:53

Просмотр сообщенияOvottona (11 Август 2016 - 11:44) писал:

к сожалению у меня там вот это
<a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a>
{% ENDIF %}

шаблон Товар. Проверила
Изменения по 5 пункту Вам произвел и сохранил в последнем бэкапе.

#8 Ovottona

Ovottona

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

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

Отправлено 11 Август 2016 - 12:11

Благодарю!

Подскажите еще, пожалуйста, как изменить надпись "Сопутствующие товары" на "Вам может понравиться"

и еще одна просьба:
Черный цвет верхнего меню и вкладки "Характеристики", "Отзывы" и т.д. изменить на темно серый цвет как в меню "Вы смотрели" слева.

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

  • 2016-08-11_16-05-17.png
  • 2016-08-11_16-08-39.jpg

#9 Danil

Danil

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

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

Отправлено 11 Август 2016 - 12:11

Просмотр сообщенияOvottona (11 Август 2016 - 12:07) писал:

Благодарю!

Подскажите еще, пожалуйста, как изменить надпись "Сопутствующие товары" на "Вам может понравиться"
С помощью поиска по коду ctrl + f, найдите строку
<h2>Сопутствующие товары</h2>
и замените текст "Сопутствующие товары" на свой.

#10 Ovottona

Ovottona

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

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

Отправлено 11 Август 2016 - 15:25

Отлично. Сделала.

и еще одна просьба:
Черный цвет верхнего меню и вкладки "Характеристики", "Отзывы" и т.д. изменить на темно серый цвет как в меню "Вы смотрели" слева.

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

#11 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 11 Август 2016 - 15:40

Просмотр сообщенияOvottona (11 Август 2016 - 15:25) писал:

Отлично. Сделала.

и еще одна просьба:
Черный цвет верхнего меню и вкладки "Характеристики", "Отзывы" и т.д. изменить на темно серый цвет как в меню "Вы смотрели" слева.

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


Вам нужно в шаблоне style.css найти код:
#tabs > a {
	border: none;
	font-weight: lighter;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #000;
	display: inline-block;
	line-height: 35px;
	margin-right: -2px;
	padding: 0 28px;
	margin-bottom: 0;
}

и заменить его на:

#tabs > a {
	border: none;
	font-weight: lighter;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #adadad;
	display: inline-block;
	line-height: 35px;
	margin-right: -2px;
	padding: 0 28px;
	margin-bottom: 0;
}

Далее найдите:
.header_bar {
	position: fixed;
	top: 0px;
	z-index: 10000;
	width: 100%;
	background: #000;
	display: none;
}

и замените на:

.header_bar {
	position: fixed;
	top: 0px;
	z-index: 10000;
	width: 100%;
	background: #adadad;
	display: none;
}

#12 Ovottona

Ovottona

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

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

Отправлено 11 Август 2016 - 15:49

шикарно. Благодарю

Просмотр сообщенияDanil (11 Август 2016 - 11:53) писал:

Изменения по 5 пункту Вам произвел и сохранил в последнем бэкапе.

Почему-то все слетело и стало как прежде.
Поправите?
Спасибо

#13 Danil

Danil

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

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

Отправлено 11 Август 2016 - 16:11

Просмотр сообщенияOvottona (11 Август 2016 - 15:49) писал:

шикарно. Благодарю



Почему-то все слетело и стало как прежде.
Поправите?
Спасибо
Изменения Вам произвел, и сохранил в бэкап(11.08.2016 16:11:12).

#14 Ovottona

Ovottona

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

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

Отправлено 11 Август 2016 - 18:48

спасибо

Теперь и так и так отражаются фото.
и в столбик и в линию :) Их так мноооого )))

#15 Danil

Danil

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

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

Отправлено 11 Август 2016 - 18:49

Просмотр сообщенияOvottona (11 Август 2016 - 18:48) писал:

спасибо

Теперь и так и так отражаются фото.
и в столбик и в линию :) Их так мноооого )))
Ошибку исправил, проверьте.

#16 Ovottona

Ovottona

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

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

Отправлено 11 Август 2016 - 18:51

все отлично теперь
Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Движение
  5. → Изменение общей стилистики
  6. Privacy Policy