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


Заменить Вкладку Характеристики

Автор defistaf, 15 мая 2015 14:38

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

#1 defistaf

defistaf

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

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

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

Добрый день, нужно заменить вкладку "характеристики" на "сопутствующие товары"  а описание переименую на "Характеристики", подскажите как это сделать?

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

  • 2015-05-15 17-31-19 Штатная магнитола Witson W2-D9422C для Chevrolet Сaptiva 2012 - Opera.png

#2 Firefly

Firefly

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

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

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

Просмотр сообщенияdefistaf (15 Май 2015 - 14:38) писал:

Добрый день, нужно заменить вкладку "характеристики" на "сопутствующие товары"  а описание переименую на "Характеристики", подскажите как это сделать?
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<!-- Если есть какое-либо описание товара -->
{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
	 <li><a href="javascript:tabSwitch(1);" id="tab_1" class="selected">Описание</a></li>
{% ENDIF %}

Замените на:
<!-- Если есть какое-либо описание товара -->
{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
	 <li><a href="javascript:tabSwitch(1);" id="tab_1" class="selected">Характеристики</a></li>
{% ENDIF %}

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

Замените на:
<!-- Если есть характеристики товара -->
{% IFNOT related_goods_empty %}
	 <li><a href="javascript:tabSwitch(2);" id="tab_2" >Сопутствующие товары</a></li>
{% ENDIF %}

Найдите и удалите код:
<!-- Сопутствующие товары -->
{% IFNOT related_goods_empty %}
<div class="autumnshowcase_block group special_procducts">
<div class="title_block group">
	 <h4>Сопутствующие товары</h4>
	 <div class="carousel_controls">
	 <a class="carousel_prev" href="#" data-jcarouselcontrol="true"></a>
	 <a class="carousel_next" href="#" data-jcarouselcontrol="true"></a>
	 </div>
</div>
<div class="autumnshowcase_carousel" data-jcarousel="true" data-jcarouselautoscroll="true" >
	 <ul>
		 {% FOR related_goods %}
	 <li>
		 <a class="image_link" href="{related_goods.URL | url_amp}" title="{related_goods.NAME}">
		 {% IF user_agent_ie7 %}
				 <img class="product_image" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}">
			 {% ELSEIF user_agent_ie8 %}
				 <img class="product_image" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}">
			 {% ELSE %}
				 <img class="product_image" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}">
			 {% ENDIF %}
		 </a>
			 <div class="product_details">
		 <p class="product_name flex-caption"><a href="{related_goods.URL | url_amp}" title="{related_goods.NAME}">{related_goods.NAME}</a></p>
			 <div class="price_container" >
				 <span class="price">{related_goods.MIN_PRICE_NOW | money_format}</span>
				 {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %}
				 <span class="old-price">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
				 {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %}
				 <span class="old-price">{related_goods.MIN_PRICE_OLD | money_format}</span>
				 {% ENDIF %}
			 </div>
			 </div>
			 <div class="rating">
			 <!-- Среднее значение по результатам всех отзывов об этом товаре -->
			 {% IF related_goods.OPINION_RATING_VALUE %}
				 <img src="{FORALL_IMAGES_PATH}stars/{related_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{related_goods.OPINION_RATING_VALUE}" />
			 {% ENDIF %}
			
			 {% IF related_goods.OPINION_RATING_CNT_ALL>0 %}
				 <a href="{related_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({related_goods.OPINION_RATING_CNT_ALL})</a>
			 {% ELSE %}
				 <a href="{related_goods.URL | url_amp}?&amp;form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a>
			 {% ENDIF %}
			 </div>
		 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{related_goods.MIN_PRICE_NOW_ID}">
			 <div><input type="hidden" name="hash" value="{HASH}" />
			 <input type="hidden" name="form[goods_from]" value="{related_goods.GOODS_FROM}" />
			 <input type="hidden" name="form[goods_mod_id]" value="{related_goods.MIN_PRICE_NOW_ID}" />
			 <a class="exclusive" onclick="$('.product-form-{related_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Оформить заказ">В корзину</a>
			 </div></form>
			 <!-- Если в тарифном плане подключен модуль сравнения товаров -->
			 {% IF TARIFF_FEATURE_GOODS_COMPARE %}
			 <!-- Если не выключен модуль сравнения товаров в настройках магазина -->
			 {% IFNOT SETTINGS_COMPARE_DISABLE %}
				 {% IF related_goods.IS_HAS_IN_COMPARE_LIST %}
				 <a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={related_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
				 {% ELSE %}
				 <a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={related_goods.MIN_PRICE_NOW_ID}&amp;from={related_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
				 {% ENDIF %}
			 {% ENDIF %}
			 {% ENDIF %}
	 </li>
		 {% ENDFOR %}
	 </ul>
	 </div>
</div>
{% ENDIF %}
<!-- END Сопутствующие товары -->

Найдите код:
	 {% IFNOT goods_features_empty %}
	 <!-- Блок характеристик товара. Показываем его если указаны характеристики -->
	 <div id="idTab2" class="content">
		 <h3>Характеристики {GOODS_NAME}</h3>
		 <table class="goodsDataFeatures" width="100%">
		 <tr>
			 {% FOR goods_features%}
			 <td>
				 <p class="name"><span class="value">{goods_features.NAME}</span></p>
			 </td>
			 <td>
				 <span class="value">{goods_features.VALUE}</span>
			 </td>
			 {goods_features.index | is_divided("2","</tr><tr>","")}
			 {% ENDFOR %}
		 </tr>
		 </table>
	 </div>
	 <!-- END Блок характеристик товара. Показываем его если указаны характеристики -->
	 {% ENDIF %}

Замените на:
{% IFNOT goods_features_empty %}
	 <!-- Блок сопутствующие товары. Показываем его если указаны сопутствующие товары. -->
	 <div id="idTab2" class="content">
		 <h3>Сопутствующие товары для {GOODS_NAME}</h3>
		 <table class="goodsDataFeatures" width="100%">
		 <tr>
{% IFNOT related_goods_empty %}
<div class="autumnshowcase_block group special_procducts">
	 <div class="title_block group">
	 <h4>Сопутствующие товары</h4>
	 <div class="carousel_controls">
	 <a class="carousel_prev" href="#" data-jcarouselcontrol="true"></a>
	 <a class="carousel_next" href="#" data-jcarouselcontrol="true"></a>
	 </div>
</div>
<div class="autumnshowcase_carousel" data-jcarousel="true" data-jcarouselautoscroll="true" >
	 <ul>
		 {% FOR related_goods %}
	 <li>
		 <a class="image_link" href="{related_goods.URL | url_amp}" title="{related_goods.NAME}">
		 {% IF user_agent_ie7 %}
				 <img class="product_image" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}">
			 {% ELSEIF user_agent_ie8 %}
				 <img class="product_image" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}">
			 {% ELSE %}
				 <img class="product_image" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}">
			 {% ENDIF %}
		 </a>
			 <div class="product_details">
		 <p class="product_name flex-caption"><a href="{related_goods.URL | url_amp}" title="{related_goods.NAME}">{related_goods.NAME}</a></p>
			 <div class="price_container" >
				 <span class="price">{related_goods.MIN_PRICE_NOW | money_format}</span>
				 {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %}
				 <span class="old-price">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
				 {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %}
				 <span class="old-price">{related_goods.MIN_PRICE_OLD | money_format}</span>
				 {% ENDIF %}
			 </div>
			 </div>
			 <div class="rating">
			 <!-- Среднее значение по результатам всех отзывов об этом товаре -->
			 {% IF related_goods.OPINION_RATING_VALUE %}
				 <img src="{FORALL_IMAGES_PATH}stars/{related_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{related_goods.OPINION_RATING_VALUE}" />
			 {% ENDIF %}
			
			 {% IF related_goods.OPINION_RATING_CNT_ALL>0 %}
				 <a href="{related_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({related_goods.OPINION_RATING_CNT_ALL})</a>
			 {% ELSE %}
				 <a href="{related_goods.URL | url_amp}?&amp;form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a>
			 {% ENDIF %}
			 </div>
		 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{related_goods.MIN_PRICE_NOW_ID}">
			 <div><input type="hidden" name="hash" value="{HASH}" />
			 <input type="hidden" name="form[goods_from]" value="{related_goods.GOODS_FROM}" />
			 <input type="hidden" name="form[goods_mod_id]" value="{related_goods.MIN_PRICE_NOW_ID}" />
			 <a class="exclusive" onclick="$('.product-form-{related_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Оформить заказ">В корзину</a>
			 </div></form>
			 <!-- Если в тарифном плане подключен модуль сравнения товаров -->
			 {% IF TARIFF_FEATURE_GOODS_COMPARE %}
			 <!-- Если не выключен модуль сравнения товаров в настройках магазина -->
			 {% IFNOT SETTINGS_COMPARE_DISABLE %}
				 {% IF related_goods.IS_HAS_IN_COMPARE_LIST %}
				 <a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={related_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
				 {% ELSE %}
				 <a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={related_goods.MIN_PRICE_NOW_ID}&amp;from={related_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
				 {% ENDIF %}
			 {% ENDIF %}
			 {% ENDIF %}
	 </li>
		 {% ENDFOR %}
	 </ul>
	 </div>
</div>
{% ENDIF %}
			 </tr>
		 </table>
	 </div>
	 <!-- END Блок сопутствующие товары. Показываем его если указаны сопутствующие товары. -->
	 {% ENDIF %}

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
#more_info_sheets{position:relative;z-index:2;margin-top:-2px;padding: 25px 30px 30px 30px;background:#ffffff;}

Замените на:
#more_info_sheets{position:relative;z-index:2;margin-top:-2px;padding: 25px 10px 30px 5px;background:#ffffff;}

#3 defistaf

defistaf

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

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

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

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

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<!-- Если есть какое-либо описание товара -->
{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
	 <li><a href="javascript:tabSwitch(1);" id="tab_1" class="selected">Описание</a></li>
{% ENDIF %}

Замените на:
<!-- Если есть какое-либо описание товара -->
{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
	 <li><a href="javascript:tabSwitch(1);" id="tab_1" class="selected">Характеристики</a></li>
{% ENDIF %}

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

Замените на:
<!-- Если есть характеристики товара -->
{% IFNOT related_goods_empty %}
	 <li><a href="javascript:tabSwitch(2);" id="tab_2" >Сопутствующие товары</a></li>
{% ENDIF %}

Найдите и удалите код:
<!-- Сопутствующие товары -->
{% IFNOT related_goods_empty %}
<div class="autumnshowcase_block group special_procducts">
<div class="title_block group">
	 <h4>Сопутствующие товары</h4>
	 <div class="carousel_controls">
	 <a class="carousel_prev" href="#" data-jcarouselcontrol="true"></a>
	 <a class="carousel_next" href="#" data-jcarouselcontrol="true"></a>
	 </div>
</div>
<div class="autumnshowcase_carousel" data-jcarousel="true" data-jcarouselautoscroll="true" >
	 <ul>
		 {% FOR related_goods %}
	 <li>
		 <a class="image_link" href="{related_goods.URL | url_amp}" title="{related_goods.NAME}">
		 {% IF user_agent_ie7 %}
				 <img class="product_image" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}">
			 {% ELSEIF user_agent_ie8 %}
				 <img class="product_image" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}">
			 {% ELSE %}
				 <img class="product_image" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}">
			 {% ENDIF %}
		 </a>
			 <div class="product_details">
		 <p class="product_name flex-caption"><a href="{related_goods.URL | url_amp}" title="{related_goods.NAME}">{related_goods.NAME}</a></p>
			 <div class="price_container" >
				 <span class="price">{related_goods.MIN_PRICE_NOW | money_format}</span>
				 {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %}
				 <span class="old-price">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
				 {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %}
				 <span class="old-price">{related_goods.MIN_PRICE_OLD | money_format}</span>
				 {% ENDIF %}
			 </div>
			 </div>
			 <div class="rating">
			 <!-- Среднее значение по результатам всех отзывов об этом товаре -->
			 {% IF related_goods.OPINION_RATING_VALUE %}
				 <img src="{FORALL_IMAGES_PATH}stars/{related_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{related_goods.OPINION_RATING_VALUE}" />
			 {% ENDIF %}
			
			 {% IF related_goods.OPINION_RATING_CNT_ALL>0 %}
				 <a href="{related_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({related_goods.OPINION_RATING_CNT_ALL})</a>
			 {% ELSE %}
				 <a href="{related_goods.URL | url_amp}?&amp;form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a>
			 {% ENDIF %}
			 </div>
		 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{related_goods.MIN_PRICE_NOW_ID}">
			 <div><input type="hidden" name="hash" value="{HASH}" />
			 <input type="hidden" name="form[goods_from]" value="{related_goods.GOODS_FROM}" />
			 <input type="hidden" name="form[goods_mod_id]" value="{related_goods.MIN_PRICE_NOW_ID}" />
			 <a class="exclusive" onclick="$('.product-form-{related_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Оформить заказ">В корзину</a>
			 </div></form>
			 <!-- Если в тарифном плане подключен модуль сравнения товаров -->
			 {% IF TARIFF_FEATURE_GOODS_COMPARE %}
			 <!-- Если не выключен модуль сравнения товаров в настройках магазина -->
			 {% IFNOT SETTINGS_COMPARE_DISABLE %}
				 {% IF related_goods.IS_HAS_IN_COMPARE_LIST %}
				 <a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={related_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
				 {% ELSE %}
				 <a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={related_goods.MIN_PRICE_NOW_ID}&amp;from={related_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
				 {% ENDIF %}
			 {% ENDIF %}
			 {% ENDIF %}
	 </li>
		 {% ENDFOR %}
	 </ul>
	 </div>
</div>
{% ENDIF %}
<!-- END Сопутствующие товары -->

Найдите код:
	 {% IFNOT goods_features_empty %}
	 <!-- Блок характеристик товара. Показываем его если указаны характеристики -->
	 <div id="idTab2" class="content">
		 <h3>Характеристики {GOODS_NAME}</h3>
		 <table class="goodsDataFeatures" width="100%">
		 <tr>
			 {% FOR goods_features%}
			 <td>
				 <p class="name"><span class="value">{goods_features.NAME}</span></p>
			 </td>
			 <td>
				 <span class="value">{goods_features.VALUE}</span>
			 </td>
			 {goods_features.index | is_divided("2","</tr><tr>","")}
			 {% ENDFOR %}
		 </tr>
		 </table>
	 </div>
	 <!-- END Блок характеристик товара. Показываем его если указаны характеристики -->
	 {% ENDIF %}

Замените на:
{% IFNOT goods_features_empty %}
	 <!-- Блок сопутствующие товары. Показываем его если указаны сопутствующие товары. -->
	 <div id="idTab2" class="content">
		 <h3>Сопутствующие товары для {GOODS_NAME}</h3>
		 <table class="goodsDataFeatures" width="100%">
		 <tr>
{% IFNOT related_goods_empty %}
<div class="autumnshowcase_block group special_procducts">
	 <div class="title_block group">
	 <h4>Сопутствующие товары</h4>
	 <div class="carousel_controls">
	 <a class="carousel_prev" href="#" data-jcarouselcontrol="true"></a>
	 <a class="carousel_next" href="#" data-jcarouselcontrol="true"></a>
	 </div>
</div>
<div class="autumnshowcase_carousel" data-jcarousel="true" data-jcarouselautoscroll="true" >
	 <ul>
		 {% FOR related_goods %}
	 <li>
		 <a class="image_link" href="{related_goods.URL | url_amp}" title="{related_goods.NAME}">
		 {% IF user_agent_ie7 %}
				 <img class="product_image" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}">
			 {% ELSEIF user_agent_ie8 %}
				 <img class="product_image" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}">
			 {% ELSE %}
				 <img class="product_image" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}">
			 {% ENDIF %}
		 </a>
			 <div class="product_details">
		 <p class="product_name flex-caption"><a href="{related_goods.URL | url_amp}" title="{related_goods.NAME}">{related_goods.NAME}</a></p>
			 <div class="price_container" >
				 <span class="price">{related_goods.MIN_PRICE_NOW | money_format}</span>
				 {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %}
				 <span class="old-price">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
				 {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %}
				 <span class="old-price">{related_goods.MIN_PRICE_OLD | money_format}</span>
				 {% ENDIF %}
			 </div>
			 </div>
			 <div class="rating">
			 <!-- Среднее значение по результатам всех отзывов об этом товаре -->
			 {% IF related_goods.OPINION_RATING_VALUE %}
				 <img src="{FORALL_IMAGES_PATH}stars/{related_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{related_goods.OPINION_RATING_VALUE}" />
			 {% ENDIF %}
			
			 {% IF related_goods.OPINION_RATING_CNT_ALL>0 %}
				 <a href="{related_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({related_goods.OPINION_RATING_CNT_ALL})</a>
			 {% ELSE %}
				 <a href="{related_goods.URL | url_amp}?&amp;form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a>
			 {% ENDIF %}
			 </div>
		 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{related_goods.MIN_PRICE_NOW_ID}">
			 <div><input type="hidden" name="hash" value="{HASH}" />
			 <input type="hidden" name="form[goods_from]" value="{related_goods.GOODS_FROM}" />
			 <input type="hidden" name="form[goods_mod_id]" value="{related_goods.MIN_PRICE_NOW_ID}" />
			 <a class="exclusive" onclick="$('.product-form-{related_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Оформить заказ">В корзину</a>
			 </div></form>
			 <!-- Если в тарифном плане подключен модуль сравнения товаров -->
			 {% IF TARIFF_FEATURE_GOODS_COMPARE %}
			 <!-- Если не выключен модуль сравнения товаров в настройках магазина -->
			 {% IFNOT SETTINGS_COMPARE_DISABLE %}
				 {% IF related_goods.IS_HAS_IN_COMPARE_LIST %}
				 <a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={related_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
				 {% ELSE %}
				 <a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={related_goods.MIN_PRICE_NOW_ID}&amp;from={related_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
				 {% ENDIF %}
			 {% ENDIF %}
			 {% ENDIF %}
	 </li>
		 {% ENDFOR %}
	 </ul>
	 </div>
</div>
{% ENDIF %}
			 </tr>
		 </table>
	 </div>
	 <!-- END Блок сопутствующие товары. Показываем его если указаны сопутствующие товары. -->
	 {% ENDIF %}

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
#more_info_sheets{position:relative;z-index:2;margin-top:-2px;padding: 25px 30px 30px 30px;background:#ffffff;}

Замените на:
#more_info_sheets{position:relative;z-index:2;margin-top:-2px;padding: 25px 10px 30px 5px;background:#ffffff;}
Спасибо )) Все получилось !!

#4 Эл Мороз

Эл Мороз

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

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

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

Добрый день! Помогите, пожалуйста. Аккаунт SL-340239

1) Как немного уменьшить картинку товара?
2) Как сделать, чтоб при наведении курсора на картинку товара - открылась картинка целиком и крупнее?
   Или лучше, как сделать значок лупы - чтоб отдельно картинка открывалась?
3) Как убрать "Условия доставки"?
И как вместо нее поставить две вкладки "Состав" и "Рекомендации", где можно будет свободно писать без ограничения символов и по возможности можно будет вставлять картинки или таблицы??

рис. Вкладка Товар - https://cloud.mail.r.../2q4C/95RZoi4Xi

#5 Firefly

Firefly

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

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

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

Просмотр сообщенияЭл Мороз (23 Май 2015 - 13:06) писал:

Добрый день! Помогите, пожалуйста. Аккаунт SL-340239

1) Как немного уменьшить картинку товара?
2) Как сделать, чтоб при наведении курсора на картинку товара - открылась картинка целиком и крупнее?
   Или лучше, как сделать значок лупы - чтоб отдельно картинка открывалась?
3) Как убрать "Условия доставки"?
И как вместо нее поставить две вкладки "Состав" и "Рекомендации", где можно будет свободно писать без ограничения символов и по возможности можно будет вставлять картинки или таблицы??

рис. Вкладка Товар - https://cloud.mail.r.../2q4C/95RZoi4Xi

Здравствуйте.
1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.image a img {width: 100%;}

Замените на:
.image a img {width: 250px;}

2. Подобная тема уже обсуждалась, Вы можете ознакомиться с ней по ссылке.
3. Это возможно реализовать через поля SEO-описания товара. Краткое SEO-описание будет служить полем Состава, полное SEO-описание будет служить полем Рекомендации.
Если Вас это устраивает можно это реализовать таким образом:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар, найдите код:
<div id="more_info_block">
<ul class="idTabs">
<!-- Если есть какое-либо описание товара -->
{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
	 <li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li>
{% ENDIF %}
<!-- Если есть характеристики товара -->
{% IFNOT goods_features_empty %}
	 <li><a href="javascript:tabSwitch(2);" id="tab_2" >Характеристики</a></li>
{% ENDIF %}
<!-- Если есть информация о доставке товара -->
{% IFNOT goods_delivery_empty %}
	 <li><a href="javascript:tabSwitch(3);" id="tab_3">Условия доставки</a></li>
{% ENDIF %}
<!-- Если подключен модуль отзывов о товарах -->
{% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
	 <li><a href="javascript:tabSwitch(4);" id="tab_4">Отзывы о товаре</a></li>
{% ENDIF %}
</ul>

<div id="more_info_shadow">
<div class="sheets align_justify" id="more_info_sheets">
	 {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
	 <div id="idTab1" class="content">
		 <!-- Блок описания товара. Показываем его если есть описание товара -->
		 {% IF GOODS_DESCRIPTION_LARGE %}
		 <h3>Описание {GOODS_NAME}</h3>
		 <div class="htmlDataBlock" itemprop="description">
			 {GOODS_DESCRIPTION_LARGE}
		 </div>
		 {% ENDIF %}
		 <!-- END Блок описания товара. Показываем его если есть описание товара -->
		
		 <!-- Короткое SEO-описание -->
		 {% IF GOODS_SEO_DESCRIPTION_SHORT %}
		 <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description">
			 {GOODS_SEO_DESCRIPTION_SHORT}
		 </div>
		 {% ENDIF %}
		 <!-- END Короткое SEO-описание -->
		
		 <!-- Полное SEO-описание -->
		 {% IF GOODS_SEO_DESCRIPTION_LARGE %}
		 <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description">
			 {GOODS_SEO_DESCRIPTION_LARGE}
		 </div>
		 {% ENDIF %}
		 <!-- END Полное SEO-описание -->
	 </div>
	 {% ENDIF %}
	
	 {% IFNOT goods_features_empty %}
	 <!-- Блок характеристик товара. Показываем его если указаны характеристики -->
	 <div id="idTab2" class="content">
		 <h3>Характеристики {GOODS_NAME}</h3>
		 <table class="goodsDataFeatures" width="100%">
		 <tr>
			 {% FOR goods_features%}
			 <td>
				 <p class="name"><span class="value">{goods_features.NAME}</span></p>
			 </td>
			 <td>
				 <span class="value">{goods_features.VALUE}</span>
			 </td>
			 {goods_features.index | is_divided("2","</tr><tr>","")}
			 {% ENDFOR %}
		 </tr>
		 </table>
	 </div>
	 <!-- END Блок характеристик товара. Показываем его если указаны характеристики -->
	 {% ENDIF %}
	
	 {% IFNOT goods_delivery_empty %}
	 <div id="idTab3" class="content">
		 <!-- Блок описания вариантов доставки -->
		 <h4>Условия доставки</h4>
		 {% FOR goods_delivery %}
		 <h5>Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5>
		 <div style="padding-bottom: 20px;">
			 <p class="left" style="font-weight: normal;">{goods_delivery.DESC}</p><br />

			 {% IF goods_delivery.rules_empty %}
			 {% IF goods_delivery.PRICE=0 %}
				 <strong class="black">Стоимость доставки: {goods_delivery.PRICE | money_format}</strong>
			 {% ELSE %}
				 Стоимость доставки: {goods_delivery.PRICE | money_format}
			 {% ENDIF %}
			 {% ELSE %}
			 <table class="table">
				 <thead>
				 <tr>
					 <td><h5>Стоимость доставки зависит от суммы заказа</h5></td>
				 </tr>
				 </thead>
				 <tbody>
				 {% FOR rules %}
					 <tr>
					 <td style="font-weight: normal;">Для заказов больше <span style="font-weight: bold;">{goods_delivery.rules.SUM_MORE_PRICE | money_format}</span> - стоимость доставки <span style="font-weight: bold;">{goods_delivery.rules.PRICE | money_format}</span></td>
					 </tr>
				 {% ENDFOR %}
				 <tr>
					 <td style="font-weight: normal;">Для заказов меньше <span style="font-weight: bold;">{goods_delivery.SUM_LESS_PRICE | money_format}</span> - стоимость доставки <span style="font-weight: bold;">{goods_delivery.PRICE | money_format}</span></td>
				 </tr>
				 </tbody>
			 </table>
			 {% ENDIF %}
		 </div>
		 {% ENDFOR %}
		 <!-- /Блок описания вариантов доставки -->
	 </div>
	 {% ENDIF %}
	
	 <!-- Если в тарифном плане подключен модуль отзывов о товаре -->
	 {% IF TARIFF_FEATURE_GOODS_OPINION %}
	 <!-- Если не выключен модуль отзывов о товаре -->
	 {% IFNOT SETTINGS_OPINION_DISABLE %}
		 <div id="idTab4" class="content">
		 <h3>Отзывы о {GOODS_NAME}</h3>

Замените его на:
<div id="more_info_block">
<ul class="idTabs">
<!-- Если есть какое-либо описание товара -->
{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
	 <li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li>
{% ENDIF %}
<!-- Если есть характеристики товара -->
{% IFNOT goods_features_empty %}
	 <li><a href="javascript:tabSwitch(2);" id="tab_2" >Характеристики</a></li>
{% ENDIF %}

<!-- Если есть информация о доставке товара -->
{% IFNOT GOODS_SEO_DESCRIPTION_SHORT_empty %}
	 <li><a href="javascript:tabSwitch(3);" id="tab_3">Состав</a></li>
{% ENDIF %}

<!-- Если есть информация о доставке товара -->
{% IFNOT GOODS_SEO_DESCRIPTION_LARGE_empty %}
	 <li><a href="javascript:tabSwitch(4);" id="tab_4">Рекомендации</a></li>
{% ENDIF %}

<!-- Если подключен модуль отзывов о товарах -->
{% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
	 <li><a href="javascript:tabSwitch(5);" id="tab_5">Отзывы о товаре</a></li>
{% ENDIF %}
</ul>

<div id="more_info_shadow">
<div class="sheets align_justify" id="more_info_sheets">
	 {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
	 <div id="idTab1" class="content">
		 <!-- Блок описания товара. Показываем его если есть описание товара -->
		 {% IF GOODS_DESCRIPTION_LARGE %}
		 <h3>Описание {GOODS_NAME}</h3>
		 <div class="htmlDataBlock" itemprop="description">
			 {GOODS_DESCRIPTION_LARGE}
		 </div>
		 {% ENDIF %}
		 <!-- END Блок описания товара. Показываем его если есть описание товара -->
	 </div>
	 {% ENDIF %}
	
	 {% IFNOT goods_features_empty %}
	 <!-- Блок характеристик товара. Показываем его если указаны характеристики -->
	 <div id="idTab2" class="content">
		 <h3>Характеристики {GOODS_NAME}</h3>
		 <table class="goodsDataFeatures" width="100%">
		 <tr>
			 {% FOR goods_features%}
			 <td>
				 <p class="name"><span class="value">{goods_features.NAME}</span></p>
			 </td>
			 <td>
				 <span class="value">{goods_features.VALUE}</span>
			 </td>
			 {goods_features.index | is_divided("2","</tr><tr>","")}
			 {% ENDFOR %}
		 </tr>
		 </table>
	 </div>
	 <!-- END Блок характеристик товара. Показываем его если указаны характеристики -->
	 {% ENDIF %}
	
	 {% IFNOT GOODS_SEO_DESCRIPTION_SHORT_empty %}
	 <div id="idTab3" class="content">
		 <!-- Блок состава товара -->
		 <h4>Состав</h4>
		
		 <div style="padding-bottom: 20px;">
			 <table class="table">
				 <tbody>
				 <!-- Короткое SEO-описание -->
		 {% IF GOODS_SEO_DESCRIPTION_SHORT %}
		 <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description">
			 {GOODS_SEO_DESCRIPTION_SHORT}
		 </div>
		 {% ENDIF %}
		 <!-- END Короткое SEO-описание -->
			 </tbody>
			 </table>
			 </div>
		 <!-- /Блок состава товара -->
	 </div>
	 {% ENDIF %}
	
		 {% IF GOODS_SEO_DESCRIPTION_LARGE_empty %}
	 <div id="idTab4" class="content">
		 <!-- Блок рекомендаций товара -->
		 <h4>Рекомендации</h4>
		
		 <div style="padding-bottom: 20px;">
			 <table class="table">
				 <tbody>
		 <!-- Полное SEO-описание -->
		 {% IF GOODS_SEO_DESCRIPTION_LARGE %}
		 <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description">
			 {GOODS_SEO_DESCRIPTION_LARGE}
		 </div>
		 {% ENDIF %}
		 <!-- END Полное SEO-описание -->
			 </tbody>
			 </table>
			 </div>
		 <!-- /Блок рекомендаций товара -->
	 </div>
	 {% ENDIF %}
	
	 <!-- Если в тарифном плане подключен модуль отзывов о товаре -->
	 {% IF TARIFF_FEATURE_GOODS_OPINION %}
	 <!-- Если не выключен модуль отзывов о товаре -->
	 {% IFNOT SETTINGS_OPINION_DISABLE %}
		 <div id="idTab5" class="content">
		 <h3>Отзывы о {GOODS_NAME}</h3>

#6 Эл Мороз

Эл Мороз

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

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

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

1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.image a img {width: 100%;}
Замените на:
.image a img {width: 250px;}

У меня нет в Стилях main.css, но я изменил в админке -> Настройки -> Основное.

2. Подобная тема уже обсуждалась, Вы можете ознакомиться с ней по ссылке.

Исправил - все круто, как надо)) B)

1) В связи с этими изменениями, у меня есть вопросы:
    1.1. До изменений все фотки товаров были на белом фоне, а теперь нет, т.к. некоторые загруженные оригиналы без фона идут - как это вернуть?
    2.2. До изменений все фотки занимали одинаковое пространство и были по центру между каталогом и информацией, а теперь нет, т.к. некоторые загруженные оригиналы без фона - как это вернуть?
    3.3. Как подвинуть информацию справа поближе к фотке товара?)

2) Как уменьшить шрифт Наименования товара и сделать его черным?

3) Не вижу на странице товара краткого описания товара - где оно?) и как его разместить под наименованием товара?

3. Это возможно реализовать через поля SEO-описания товара. Краткое SEO-описание будет служить полем Состава, полное SEO-описание будет служить полем Рекомендации.
Если Вас это устраивает можно это реализовать таким образом:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар, найдите код:

Все просто супер!!! Огромное спасибо!!!

#7 Эл Мороз

Эл Мороз

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

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

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

И если сможешь, помоги мне еще по этим вопросам:
http://forum.storela...на/page__st__20

а то ответа еще никакого не поступило.. :mellow:

#8 Firefly

Firefly

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

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

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

Просмотр сообщенияЭл Мороз (23 Май 2015 - 16:33) писал:

1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.image a img {width: 100%;}
Замените на:
.image a img {width: 250px;}

У меня нет в Стилях main.css, но я изменил в админке -> Настройки -> Основное.

2. Подобная тема уже обсуждалась, Вы можете ознакомиться с ней по ссылке.

Исправил - все круто, как надо)) B)

В связи с этими изменениями, у меня есть вопрос: как подвинуть информацию справа к фотке товара?)

И сразу же другой вопрос, как уменьшить шрифт Наименования товара и сделать его черным?

+ еще один вопрос, т.к. не вижу на странице товара краткого описания товара - где оно?) и как его разместить под наименованием товара?

3. Это возможно реализовать через поля SEO-описания товара. Краткое SEO-описание будет служить полем Состава, полное SEO-описание будет служить полем Рекомендации.
Если Вас это устраивает можно это реализовать таким образом:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар, найдите код:

Все просто супер!!! Огромное спасибо!!!

1. Чтобы сдвинуть  блок найдите в шаблоне style.css код:
#left-column{margin-left:0;width:45%;float: left;}

Замените на:
#left-column{margin-left:0;width: 35%;float: left;}

2. В style.css найдите код:
#right-column h1{color:#666666;font-size:26px;font-weight:400;line-height:30px;display:block;clear:both;margin-bottom:20px}

Замените на:
#right-column h1{color: #000000;font-size: 22px;font-weight:400;line-height:30px;display:block;clear:both;margin-bottom:20px}

где font-size - размер шрифта;

3. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар, найдите код:
<div id="right-wrapper">
<div id="right-column">
	 <h1 itemprop="name">{GOODS_NAME}</h1>
	 <meta itemprop="category" content="{% FOR upper_navigation %}{% IFNOT upper_navigation.first %} > {% ENDIF %}{upper_navigation.NAME}{% ENDFOR %}" />
	 {% IF FORM_NOTICE %}<ul class="messages"><li class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}error{% ENDIF %}">{FORM_NOTICE | nl2br}</li></ul>{% ENDIF %}

Замените на:
<div id="right-wrapper">
<div id="right-column">
	 <h1 itemprop="name">{GOODS_NAME}</h1>
	 <meta itemprop="category" content="{% FOR upper_navigation %}{% IFNOT upper_navigation.first %} > {% ENDIF %}{upper_navigation.NAME}{% ENDFOR %}" />
	 {% IF FORM_NOTICE %}<ul class="messages"><li class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}error{% ENDIF %}">{FORM_NOTICE | nl2br}</li></ul>{% ENDIF %}
	
		 <!-- Блок краткого описания товара. Показываем его если есть краткое описание товара -->
		 {% IF GOODS_DESCRIPTION_SHORT %}
		 <div class="htmlDataBlock" itemprop="description">
			 {GOODS_DESCRIPTION_SHORT}
		 </div>
		 {% ENDIF %}
		 <!-- END Блок краткого описания товара. Показываем его если есть краткое описание товара -->

#9 Эл Мороз

Эл Мороз

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

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

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

1. Чтобы сдвинуть блок найдите в шаблоне style.css код:
#left-column{margin-left:0;width:45%;float: left;}
Замените на:
#left-column{margin-left:0;width: 35%;float: left;}

Все понятно, спасибо.

2. В style.css найдите код:
#right-column h1{color:#666666;font-size:26px;font-weight:400;line-height:30px;display:block;clear:both;margin-bottom:20px}
Замените на:
#right-column h1{color: #000000;font-size: 22px;font-weight:400;line-height:30px;display:block;clear:both;margin-bottom:20px}
где font-size - размер шрифта;

Понял, спасибо, а чтоб сделать пожирнее текст - что нужно изменить?

3. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар, найдите код:

Все сделал - показывает, спасибо)

Успел изменить сообщение до того, как Вы ответили:
1) В связи с этими изменениями, у меня есть вопросы:
	1.1. До изменений все фотки товаров были на белом фоне, а теперь нет, т.к. некоторые загруженные оригиналы без фона идут - как это вернуть?
	2.2. До изменений все фотки занимали одинаковое пространство и были по центру между каталогом и информацией, а теперь нет, т.к. некоторые загруженные оригиналы без фона - как это вернуть?

Жду совета)

#10 Firefly

Firefly

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

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

Отправлено 23 Май 2015 - 18:37

Просмотр сообщенияЭл Мороз (23 Май 2015 - 18:04) писал:

1. Чтобы сдвинуть блок найдите в шаблоне style.css код:
#left-column{margin-left:0;width:45%;float: left;}
Замените на:
#left-column{margin-left:0;width: 35%;float: left;}

Все понятно, спасибо.

2. В style.css найдите код:
#right-column h1{color:#666666;font-size:26px;font-weight:400;line-height:30px;display:block;clear:both;margin-bottom:20px}
Замените на:
#right-column h1{color: #000000;font-size: 22px;font-weight:400;line-height:30px;display:block;clear:both;margin-bottom:20px}
где font-size - размер шрифта;

Понял, спасибо, а чтоб сделать пожирнее текст - что нужно изменить?

3. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар, найдите код:

Все сделал - показывает, спасибо)

Успел изменить сообщение до того, как Вы ответили:
1) В связи с этими изменениями, у меня есть вопросы:
1.1. До изменений все фотки товаров были на белом фоне, а теперь нет, т.к. некоторые загруженные оригиналы без фона идут - как это вернуть?
2.2. До изменений все фотки занимали одинаковое пространство и были по центру между каталогом и информацией, а теперь нет, т.к. некоторые загруженные оригиналы без фона - как это вернуть?

Жду совета)

1. Чтобы изменить жирность шрифта меняйте значение font-weight:400. Более подробно можно почитать здесь.

2. По поводу фона.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар, найдите код:
<!-- Большое изображение -->
<div class="image">
		 <div id="wrap" >

Замените на:
<!-- Большое изображение -->
	<div class="image">
	  <div id="wrap" style="top:0px;z-index:9999;position:relative;background: #fff;margin: 0 auto;text-align: center;">

Далее зайдите в style.css, найдите код:
#left-column{margin-left:0;width: 25%;float: left;}

Замените на:
#left-column{margin-left:0;width: 35%;float: left;}

#11 Эл Мороз

Эл Мороз

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

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

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

Все исправил, все хорошо получилось!)) Спасибо))

Есть еще вопросы по странице товара))
1) Как удлинить поле информации справа от картинки?
2) Как укоротить поле выбора значения модифицикации?
3) Появился баг, когда открываешь страницу товара. После того как зайдешь в отзывы и обратно в описание - пропадает. Как его вообще убрать из описания, чтоб и не появлялся?

рис. Страница товара - https://cloud.mail.r.../3zS8/isqMg3ZJ1


Кое-что новенькое появилось и это нужно исправить, помогите:

1) Вообще убрать "С этим товаром смотрят" - мне оно не нужно.
2) "Недавно просмотренные товары" переместить под описание товара на место "С этим товаром смотрят" и по возможности оставить такие же мелкие картинки с таким же мелким шрифтом наименования и цены. Хотелось бы, чтоб уместилось 5 товаров в одну линию и чтоб больше товаров не выводилось.
3) Если есть у товара "Сопутствующий товар" , чтоб он показывался под описанием товара перед строкой "Недавно просмотренные товары"

рис. Страница товара 2 - https://cloud.mail.r.../4LnW/GZ3MowP9P

#12 Firefly

Firefly

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

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

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

Просмотр сообщенияЭл Мороз (23 Май 2015 - 19:40) писал:

Все исправил, все хорошо получилось!)) Спасибо))

Есть еще вопросы по странице товара))
1) Как удлинить поле информации справа от картинки?
2) Как укоротить поле выбора значения модифицикации?
3) Появился баг, когда открываешь страницу товара. После того как зайдешь в отзывы и обратно в описание - пропадает. Как его вообще убрать из описания, чтоб и не появлялся?

рис. Страница товара - https://cloud.mail.r.../3zS8/isqMg3ZJ1

Кое-что новенькое появилось и это нужно исправить, помогите:

1) Вообще убрать "С этим товаром смотрят" - мне оно не нужно.
2) "Недавно просмотренные товары" переместить под описание товара на место "С этим товаром смотрят" и по возможности оставить такие же мелкие картинки с таким же мелким шрифтом наименования и цены. Хотелось бы, чтоб уместилось 5 товаров в одну линию и чтоб больше товаров не выводилось.
3) Если есть у товара "Сопутствующий товар" , чтоб он показывался под описанием товара перед строкой "Недавно просмотренные товары"

рис. Страница товара 2 - https://cloud.mail.r.../4LnW/GZ3MowP9P

1) Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
#right-wrapper{display:block;float:left;margin-left:30px;width:50%}

Замените на:
#right-wrapper{display:block;float:left;margin-left:30px;width: 61%;}

2) Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
#right-column #attributes select{width:100%}

Замените на:
#right-column #attributes select{/* width:100% */}

Сообщите пожалуйста, как выполните все инструкции.

#13 Эл Мороз

Эл Мороз

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

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

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

Сделав "Состав" и "Рекомендации" из краткого SEO-описания и полного SEO-описания, я не получил все-таки желаемого результата. Ладно "Состав", который написан все в одну строчку, хотя хотелось бы разделить абзацами.
1) В "Рекомендациях" не видно текста и таблицы !! - где они??

2) В "Сопутствующих товарах" убрать стрелки, чтоб они не крутились, а были сразу видны все товары и поставить ограничение 8 товаров.
3) Чтобы фон картинок в "Сопутствующих товарах" и также в "Недавно просмотренные товары" были заполнены белым фоном.

рис. Страница товара 3 - https://cloud.mail.r.../HGF4/uHsHqyYyc

#14 Эл Мороз

Эл Мороз

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

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

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

Просмотр сообщенияFirefly (23 Май 2015 - 21:02) писал:

1) Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
#right-wrapper{display:block;float:left;margin-left:30px;width:50%}

Замените на:
#right-wrapper{display:block;float:left;margin-left:30px;width: 61%;}

2) Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
#right-column #attributes select{width:100%}

Замените на:
#right-column #attributes select{/* width:100% */}

Сообщите пожалуйста, как выполните все инструкции.

Все сделал, все получилось - спасибо!)

#15 Firefly

Firefly

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

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

Отправлено 24 Май 2015 - 10:10

Просмотр сообщенияЭл Мороз (23 Май 2015 - 19:40) писал:

3) Появился баг, когда открываешь страницу товара. После того как зайдешь в отзывы и обратно в описание - пропадает. Как его вообще убрать из описания, чтоб и не появлялся?

рис. Страница товара - https://cloud.mail.r.../3zS8/isqMg3ZJ1


Кое-что новенькое появилось и это нужно исправить, помогите:

1) Вообще убрать "С этим товаром смотрят" - мне оно не нужно.

Здравствуйте.
3) Чтобы убрать баг зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
#idTab2, #idTab3, #idTab4 {display: none;}

Замените на:
#idTab2, #idTab3, #idTab4, #idTab5 {display: none;}

Так же по рекомендациям:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар, найдите код:
<!-- Если есть информация о доставке товара -->
{% IFNOT GOODS_SEO_DESCRIPTION_SHORT_empty %}
		 <li><a href="javascript:tabSwitch(3);" id="tab_3">Состав</a></li>
{% ENDIF %}
<!-- Если есть информация о доставке товара -->
{% IFNOT GOODS_SEO_DESCRIPTION_LARGE_empty %}
		 <li><a href="javascript:tabSwitch(4);" id="tab_4">Рекомендации</a></li>
{% ENDIF %}

Замените на:
<!-- Если есть информация о составе-->
{% IFNOT GOODS_SEO_DESCRIPTION_SHORT_empty %}
		 <li><a href="javascript:tabSwitch(3);" id="tab_3">Состав</a></li>
{% ENDIF %}
<!-- Если есть рекомендации -->
{% IFNOT GOODS_SEO_DESCRIPTION_LARGE_empty %}
		 <li><a href="javascript:tabSwitch(4);" id="tab_4">Рекомендации</a></li>
{% ENDIF %}

В шаблоне Товар найдите код:
{% IF GOODS_SEO_DESCRIPTION_LARGE_empty %}
		 <div id="idTab4" class="content">
				 <!-- Блок рекомендаций товара -->

Замените на:
{% IFNOT GOODS_SEO_DESCRIPTION_LARGE_empty %}
		 <div id="idTab4" class="content">
				 <!-- Блок рекомендаций товара -->

Чтобы убрать блок "с этим товаром смотрят" найдите код:
<!-- С этим товаром смотрят -->
{% IFNOT related_views_goods_empty %}
<div class="autumnshowcase_block group special_procducts">

Замените на:
<!-- С этим товаром смотрят -->
{% IFNOT related_views_goods_empty %}
<div class="autumnshowcase_block group special_procducts" style="display:none;">

Фон картинок сопутствующих товаров:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
.autumnshowcase_block .image_link{display:block;position:relative;overflow:hidden;height:auto;margin:1px 1px 3px 2px;-webkit-backface-visibility:hidden;border:8px solid #ffffff;-moz-border-radius:2px;-webkit-border-radius:2px;
border-radius:2px;-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;
-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) }

Замените на:
.autumnshowcase_block .image_link{display:block;position:relative;overflow:hidden;height:auto;margin:1px 1px 3px 2px;-webkit-backface-visibility:hidden;border:8px solid #ffffff;-moz-border-radius:2px;-webkit-border-radius:2px;
border-radius:2px;-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;
-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1); background: #fff;}

Не забудьте так же произвести изменения из Вашей второй темы.

#16 Эл Мороз

Эл Мороз

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

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

Отправлено 02 Июнь 2015 - 22:38

1) Баг остался и расширился: рис. Баг - https://cloud.mail.r.../APVP/EtfwM5W7U

2) Необходимо перенести "Недавно просмотренные товары" под "Сопутствующие товары" также горизонтом, помогите сделать:
    рис. "Недавно просмотренные товары" - https://cloud.mail.r.../A7Du/fUbtf2RVe


Произвел изменения во второй теме, спасибо. Оставил коммент.

#17 Vaccina

Vaccina

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

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

Отправлено 03 Июнь 2015 - 02:11

1. У вас ошибка в написании, в style.css найдите:
##idTab2, #idTab3, #idTab4, #idTab5 {display: none;}

замените на:
#idTab2, #idTab3, #idTab4, #idTab5 {display: none;}

2. В шаблоне HTML найдите:
<!-- Недавно просмотренные товары -->
		{% IFNOT recently_viewed_goods_empty %}
		  <div id="recently_viewed">
			<h4 class="title_block">Недавно просмотренные товары</h4>
			<div class="block_content">
			  <ul class="product_images">
				{% FOR recently_viewed_goods %}
				  <li class="item clearfix">
					{% IF user_agent_ie7 %}
					  <a class="content_img clearfix" href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" >
						<img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=autumn{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}"  alt="{recently_viewed_goods.NAME}" />
					  </a>
					{% ELSEIF user_agent_ie8 %}
					  <a class="content_img clearfix" href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" >
						<img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=autumn{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}"  alt="{recently_viewed_goods.NAME}" />
					  </a>
					{% ELSE %}			 
					  <a class="content_img clearfix" href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" >
						<img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=autumn{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" />
					  </a>
					{% ENDIF %}
					<p><a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;">{recently_viewed_goods.NAME}</a><br />
					  <span class="price">{recently_viewed_goods.MIN_PRICE_NOW | money_format}</span><br />
					  <span class="old-price">
						{% IF recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>recently_viewed_goods.MIN_PRICE_NOW %}
						  {recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}
						{% ELSEIF recently_viewed_goods.MIN_PRICE_OLD>recently_viewed_goods.MIN_PRICE_NOW %}
						  {recently_viewed_goods.MIN_PRICE_OLD | money_format}
						{% ENDIF %}
					  </span>
					</p>
				  </li>
				{% ENDFOR %}
			  </ul>
			</div>
		  </div>
		{% ENDIF %}
		<!-- END Недавно просмотренные товары -->

перенесите его поставив после:
{% ENDIF %}
			<!-- /Список избранных товаров на главной -->
		 
		  <script type="text/javascript">
			$('.autumnshowcase_carousel')
		  </script>
		  </div>
		{% ENDIF %}
		<!-- /Главная страница -->

#18 Эл Мороз

Эл Мороз

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

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

Отправлено 03 Июнь 2015 - 22:57

1. Удалил лишнюю решетку) спасибо)
2. Перенес, но нужно сделать еще поправку: увеличить расстояние между текстом сверху и заголовком "Недавно просмотренные товары"
    рис. 1 - https://cloud.mail.r.../GguL/qgT19e79d
    рис. 2 - https://cloud.mail.r.../ELtu/J777Anmsg

и еще вопрос, а можно поставить ограничение, чтоб больше 8ми товаров не показывало?

3. После манипуляций из второй темы товары из "Недавно просмотренные товары" съехали:
   рис. 3 - https://cloud.mail.r.../HZBg/rNbQHxo1m

#19 Vaccina

Vaccina

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

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

Отправлено 04 Июнь 2015 - 02:28

2.
<!-- Недавно просмотренные товары -->
				{% IFNOT recently_viewed_goods_empty %}
				  <div id="recently_viewed">
						<h4 class="title_block">Недавно просмотренные товары</h4>
						<div class="block_content">
						  <ul class="product_images">
								{% FOR recently_viewed_goods %}

замените на:
<!-- Недавно просмотренные товары -->
				{% IFNOT recently_viewed_goods_empty %}
				 <br/>
				  <div id="recently_viewed">
						<h4 class="title_block">Недавно просмотренные товары</h4>
						<div class="block_content">
						  <ul class="product_images">
								{% FOR recently_viewed_goods %}
{% IF recently_viewed_goods.index>8 %}{break}{% ENDIF %}

3. В style.css найдите:
#recently_viewed li {
  display: inline-block;
  float: left;
  margin: 0 5px;
  padding: 10px 0;
}
замените на:
#recently_viewed li {
  display: inline-block;
  float: left;
  height: 100px;
  margin: 0 5px;
  padding: 10px 0;
}

#20 Эл Мороз

Эл Мороз

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

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

Отправлено 04 Июнь 2015 - 06:34

Большое спасибо, все исправил)
height: 100px;
это расстояние между текстом и заголовком "Недавно просмотренные товары"?
Обратно в Страница товара


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

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

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