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

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

Viatalliyy

Регистрация: 18 нояб. 2014
Offline Активность: 12 февр. 2015 17:35
-----

#186035 Изменение Стилистики

Отправлено Ирина345 на 05 Февраль 2015 - 12:12

Просмотр сообщенияViatalliyy (05 Февраль 2015 - 10:12) писал:

Спасибо)
Как сделать так чтобы описание и отзывы были внизу товара. То есть сначало чтобы шло описание, и в конце описания отзывы?




Здравствуйте, найдите в main.css
  #content_2, #content_3, #content_4  {display: none;}
замените на
 #content_3  {display: none;}


далее в шаблоне Товар найдите
  <div id="tabs" class="htabs">
	<a href="javascript:tabSwitch(1);" id="tab_1" class="active">Общее</a>
	
	<!-- Если есть какое-либо описание товара -->
	{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
	  <a href="javascript:tabSwitch(2);" id="tab_2">Описание</a>
	{%ENDIF%}
	
	<!-- Если есть характеристики товара -->
	{% IFNOT goods_features_empty %}
	  <a href="javascript:tabSwitch(3);" id="tab_3">Характеристики</a>
	{%ENDIF%}
	
	<!-- Если подключен модуль отзывов о товарах -->
	{% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
	  <a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a>
	{% ENDIF %}
  </div>

замените на

  <div id="tabs" class="htabs">
	<a href="javascript:tabSwitch(1);" id="tab_1" class="active">Общее</a>
	
	<!-- Если есть какое-либо описание товара -->
	{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
	  <a href="javascript:tabSwitch(2);" id="tab_2" style="display:none">Описание</a>
	{%ENDIF%}
	
	<!-- Если есть характеристики товара -->
	{% IFNOT goods_features_empty %}
	  <a href="javascript:tabSwitch(3);" id="tab_3">Характеристики</a>
	{%ENDIF%}
	
	<!-- Если подключен модуль отзывов о товарах -->
	{% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
	  <a href="javascript:tabSwitch(4);" id="tab_4" style="display:none">Отзывы</a>
	{% ENDIF %}
  </div>



#185806 Изменение Стилистики

Отправлено Vaccina на 04 Февраль 2015 - 04:54

Для этого необходимо перенести структуру слайдера в правую контентную часть, в шаблоне HTML найдите:
<!-- Главная страница -->
		{% IF index_page %}
		  <div id="module_area">
			<div id="flexslideshow" class="flexslider">
			  <ul class="slides">
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide1.png) no-repeat;"></div>
				 <a href="http://diamondlook.ru/catalog/Zhenskaya-odezhda-2" alt=""> <img src="{ASSETS_IMAGES_PATH}slide1.png" alt="Slide 1" class="slide_img"></a>
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide2.png) no-repeat;"></div>
				 <a href="http://diamondlook.ru/catalog/Jelektronnye-kalyany-i-sigarety" alt=""> <img src="{ASSETS_IMAGES_PATH}slide2.png" alt="Slide 2" class="slide_img"></a>
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png) no-repeat;"></div>
				 <a href="http://diamondlook.ru/catalog/Chaj-kitajskoj-provincii" alt=""> <img src="{ASSETS_IMAGES_PATH}slide3.png" alt="Slide 3" class="slide_img"></a>
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide4.jpg) no-repeat;"></div>
				 <a href="http://diamondlook.ru/catalog/Brendy" alt=""> <img src="{ASSETS_IMAGES_PATH}slide4.jpg" alt="Slide 4" class="slide_img"></a>
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide5.png) no-repeat;"></div>
				 <a href="http://diamondlook.ru/catalog/Novyj-brend-SINOTEX" alt=""> <img src="{ASSETS_IMAGES_PATH}slide5.png" alt="Slide 3" class="slide_img"></a>
				</li>
				</ul>
			</div>
		  </div>
		{% ENDIF %}
		<!-- /Главная страница -->

перенесите его поставив после:
<!-- /Каталог товаров -->
   
		  
		</div>
	   
		<div id="content">



#185850 Изменение Стилистики

Отправлено Danil на 04 Февраль 2015 - 11:56

Просмотр сообщенияViatalliyy (04 Февраль 2015 - 11:28) писал:

Спасибо большое, можно слайдер как то выровнять по размерам, чтобы такого большого отступа от каталога до слайдера небыло. Размер 930х420?

Изображение
Попробуйте так:
в main.css найдите код 
#module_area {
width: 95%;
text-align: center;
padding: 5px 0;
margin: 0 auto;
max-width: 1200px;
}
и замените на 
#module_area {
width: 100%;
text-align: center;
padding: 5px 0;
margin: 0 auto;
max-width: 1200px;
}



#185842 Изменение Стилистики

Отправлено Danil на 04 Февраль 2015 - 11:17

Просмотр сообщенияViatalliyy (04 Февраль 2015 - 11:08) писал:

Здравствуйте, каталог поднялся, теперь надо что то с слайдером сделать

Изображение
В main.css найдите код 
#header  .flexslider {width:100%;margin:0 auto !important;}
#header  .flexslider li .bigPic {display:none !important;position:relative;top:0;margin: 0 auto;top: 0;left: 50%;margin-left: -960px;}
#header  .flexslider ul.slides li {text-align:center !important;position:relative;*margin-left: -20px;}
и замените на 
.flexslider {width:100%;margin:0 auto !important;}
.flexslider li .bigPic {display:none !important;position:relative;top:0;margin: 0 auto;top: 0;left: 50%;margin-left: -960px;}
.flexslider ul.slides li {text-align:center !important;position:relative;*margin-left: -20px;}



#185383 Изменение Стилистики

Отправлено Ирина345 на 01 Февраль 2015 - 11:32

Просмотр сообщенияViatalliyy (01 Февраль 2015 - 11:23) писал:

Спасибо большое, а можно как то сделать чтобы картинка подгонялась поду нужный размер?
Откройте редактор данной странице,  при помощи кнопки "Источник" откройте код страницы
и найдите
 <img alt="" src="http://st.diamondlook.ru/8/1559/277/.png" style="width: 951px; height: 723px;" />
где для того что бы изменить размер изображения изменяете значения
width: 951px; (ширина)  height: 723px;(высота)


#185366 Изменение Стилистики

Отправлено Ирина345 на 01 Февраль 2015 - 10:00

Просмотр сообщенияViatalliyy (01 Февраль 2015 - 09:48) писал:

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


Добавьте в конец шаблона Страница код
 {% IF index_page %} 
 <style>.box-content.htmlDataBlock {
background: none !important;
border: none !important;
box-shadow: none !important;
}</style>{% ENDIF %}



#179063 Изменение Стилистики

Отправлено Ирина345 на 16 Декабрь 2014 - 13:33

Просмотр сообщенияViatalliyy (16 Декабрь 2014 - 09:50) писал:

Спасибо. А как под этим меню сделать?


Найдите в шаблоне hTML код
 <div class="one_fourth column">
<h4>Diamond</h4>
{% FOR menu %}
				  {% FOR footer %}
						  <ul>
								{% FOR links %}<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
						  </ul>
				  {% ENDFOR %}
				{% ENDFOR %}
   </div>

замените на

 <div class="one_fourth column">
<h4>Diamond</h4>
{% FOR menu %}
				  {% FOR footer %}
						  <ul>
								{% FOR links %}<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
						  </ul>
				  {% ENDFOR %}
				{% ENDFOR %}

<h4>Меню3</h4>
{% FOR menu %}
{% FOR footer3 %}
<ul class="men1">
{% FOR links %}<li><a href="{menu.footer3.links.URL}" {% IF menu.footer3.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer3.links.TITLE %}title="{menu.footer3.links.TITLE}"{% ENDIF %}>{menu.footer3.links.NAME}</a></li>{% ENDFOR %}
</ul>
{% ENDFOR %}
{% ENDFOR %}
   </div>



#178849 Изменение Стилистики

Отправлено Ирина345 на 15 Декабрь 2014 - 15:14

Просмотр сообщенияViatalliyy (15 Декабрь 2014 - 15:06) писал:

Спасибо большое. А можно как то растянуть вот этот блок (показано на скриншоте)


найдите в main.css
.box-category > ul > li > ul {
background: none repeat scroll 0 0 #fff;
border: 1px solid #ccc;
display: none;
left: 180px;
margin: 0;
padding: 10px;
position: absolute;
top: 0;
z-index: 99;
}
замените на

.box-category > ul > li > ul {
background: none repeat scroll 0 0 #fff;
border: 1px solid #ccc;
display: none;
left: 180px;
margin: 0;
padding: 10px;
position: absolute;
top: 0;
width: 150px;
z-index: 99;
}

ширину меню можете менять изменив значение width: 150px;

для того что бы проставить картинки на против нужной модификации найдите в HTML


<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
замените на

<li style="{% IF catalog_full.NAME=Женская одежда %}background: url('ссылка на картинку')no-repeat;
{% ELSEIF catalog_full.NAME=Электроника %}background: url('ссылка на картинку')no-repeat;
{% ELSEIF catalog_full.NAME=Обувь %}background: url('ссылка на картинку')no-repeat;
{% ELSEIF catalog_full.NAME=Бренды %}background: url('ссылка на картинку')no-repeat;
{% ELSEIF catalog_full.NAME=Электронные кальяны и сигареты %}background: url('ссылка на картинку')no-repeat;
{% ENDIF %}
{% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">



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