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


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

Автор Viatalliyy, 04 дек. 2014 13:26

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

#241 Danil

Danil

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

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

Отправлено 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;}

#242 Viatalliyy

Viatalliyy

    Продвинутый пользователь

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

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

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

В 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;}
Спасибо большое, можно слайдер как то выровнять по размерам, чтобы такого большого отступа от каталога до слайдера небыло. Размер 930х420?

Изображение

#243 Danil

Danil

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

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

Отправлено 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;
}

#244 Viatalliyy

Viatalliyy

    Продвинутый пользователь

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

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

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

Попробуйте так:
в 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;
}
Получилось, а как снизу и сверху выравнять слайд по каталогу?

Изображение

#245 Danil

Danil

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

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

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

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

Получилось, а как снизу и сверху выравнять слайд по каталогу?

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

#246 Viatalliyy

Viatalliyy

    Продвинутый пользователь

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

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

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

Для корректного отображение слайдера, лучше загрузить изображение соответствующего размера, т.к. высота подстраивается автоматически.
Хорошо, спасибо))
Помогите ещё пожалуйста, вот на сайте страницы выравнины по правому краю, как сделать чтобы выравнивание было по середине?

Изображение

#247 Danil

Danil

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

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

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

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

Хорошо, спасибо))
Помогите ещё пожалуйста, вот на сайте страницы выравнины по правому краю, как сделать чтобы выравнивание было по середине?

Изображение
К сожалению, структура данного шаблона не позволяет сделать именно так, как вы хотите.

#248 Viatalliyy

Viatalliyy

    Продвинутый пользователь

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

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

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

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

Изображение

#249 Danil

Danil

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

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

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

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

как можно добавить блок "Недавно просмотренные товары"

Изображение
Вставьте код в шаблоне html
  
  <!-- Недавно просмотренные товары -->
		  {% IFNOT recently_viewed_goods_empty %}
			<div class="box recent">
			  <div class="box-heading">Вы смотрели</div>
			  <div class="box-content">
				{% FOR recently_viewed_goods %}
				  <div class="prod_hold_recent">
					<div>
					  <div class="image goods-image-icon-square"><a title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" href="{recently_viewed_goods.URL}"><img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=spring{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}"></a></div>
					  <div class="prod_hold_right">
						<div class="name"><a title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" href="{recently_viewed_goods.URL}" style="*height:;">{recently_viewed_goods.NAME}</a></div>
						<div class="price">
						  {% IF recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>recently_viewed_goods.MIN_PRICE_NOW %}
						  <span class="price-old">{recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span><br />
						  {% ELSEIF recently_viewed_goods.MIN_PRICE_OLD>recently_viewed_goods.MIN_PRICE_NOW %}
						  <span class="price-old">{recently_viewed_goods.MIN_PRICE_OLD | money_format}</span><br />
						  {% ENDIF %} 
						  <span class="price-new">{recently_viewed_goods.MIN_PRICE_NOW | money_format}</span>
						</div>
					  </div>
					
					  <div class="cart"> 
						<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-rec{recently_viewed_goods.MIN_PRICE_NOW_ID}">
						  <input type="hidden" name="hash" value="{HASH}" />
						  <input type="hidden" name="form[goods_from]" value="{recently_viewed_goods.GOODS_FROM}" />
						  <input type="hidden" name="form[goods_mod_id]" value="{recently_viewed_goods.MIN_PRICE_NOW_ID}" />
						  <a class="add_to_cart_small" onclick="quickorder('.product-form-rec{recently_viewed_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ"></a>
						  <!--a class="add_to_cart_small" onclick="$('.product-form-rec{recently_viewed_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ"></a-->
						</form>
						
						<!-- Если есть возможность добавить товар в избранное -->
						{% IF recently_viewed_goods.IS_HAS_IN_FAVORITES_LIST %}
						  <a class="add_to_wishlist_small added"
							data-action-is-add="0"
							data-action-add-url="{FAVORITES_ADD_URL}"
							data-action-delete-url="{FAVORITES_DELETE_URL}"
							data-action-add-title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в избранное"
							data-action-delete-title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из избранного"
							title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из избранного"
							href="{FAVORITES_DELETE_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
						  ></a>
						{% ELSE %}
						  <a class="add_to_wishlist_small"
							data-action-is-add="1"
							data-action-add-url="{FAVORITES_ADD_URL}"
							data-action-delete-url="{FAVORITES_DELETE_URL}"
							data-action-add-title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в избранное"
							data-action-delete-title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из избранного"
							title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
						  ></a>
						{% ENDIF %}
						<!-- END Если есть возможность добавить товар в избранное -->
						
						<!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
						{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
						  {% IF recently_viewed_goods.IS_HAS_IN_COMPARE_LIST %}
							<a class="add_to_compare_small added" 
							  data-action-is-add="0" 
							  data-action-add-url="{COMPARE_ADD_URL}"
							  data-action-delete-url="{COMPARE_DELETE_URL}"
							  data-action-add-title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в список сравнения с другими товарами"
							  data-action-delete-title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из списка сравнения с другими товарами"
							  title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из списка сравнения с другими товарами"
							  href="{COMPARE_DELETE_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;from={recently_viewed_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
							></a>
						  {% ELSE %}
							<a class="add_to_compare_small" 
							  data-action-is-add="1" 
							  data-action-add-url="{COMPARE_ADD_URL}" 
							  data-action-delete-url="{COMPARE_DELETE_URL}" 
							  data-action-add-title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в список сравнения с другими товарами" 
							  data-action-delete-title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из списка сравнения с другими товарами" 
							  title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в список сравнения с другими товарами" 
							  href="{COMPARE_ADD_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;from={recently_viewed_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
							></a>
						  {% ENDIF %}
						{% ENDIF %}
						<!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
						
						<div class="clear"></div>
					  </div>
					</div>
				  </div>
				{% ENDFOR %}
			  </div>
			</div>
		  {% ENDIF %}
		  <!-- END Недавно просмотренные товары -->
после 
<!-- /Каталог товаров -->

#250 Viatalliyy

Viatalliyy

    Продвинутый пользователь

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

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

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

#251 Alekseys

Alekseys

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

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

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

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

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

#252 Viatalliyy

Viatalliyy

    Продвинутый пользователь

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

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

А можно сделать так, добавить несколько картинок на главной странице рядом друг с другом, и сделать какой нибудь простенький эфект при наведении на них курсором?
как вот на этом сайте http://fireboxclub.com/

Изображение

#253 Vaccina

Vaccina

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

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

Отправлено 05 Февраль 2015 - 00:37

По реализации всплывающего текста на баннере вас, возможно, заинтересует следующая инструкция:
http://dbmast.ru/vsp...-pomoshhyu-css3

#254 Viatalliyy

Viatalliyy

    Продвинутый пользователь

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

Отправлено 05 Февраль 2015 - 09:33

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

По реализации всплывающего текста на баннере вас, возможно, заинтересует следующая инструкция:
http://dbmast.ru/vsp...-pomoshhyu-css3
Спасибо!)

как мне убрать это огромное растоянние?

Изображение

#255 Alekseys

Alekseys

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

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

Отправлено 05 Февраль 2015 - 09:48

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

Спасибо!)

как мне убрать это огромное растоянние?

Здравствуйте. В main.css замените
#content .box .box-content {
border-bottom: 4px solid #e1e1e1;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
padding: 20px 10px;
background-color: #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
margin-bottom: 5px;
border: solid 1px #e1e1e1\0/;
position: relative;
}
на
#content .box .box-content {
border-bottom: 4px solid #e1e1e1;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
padding: 0 10px;
background-color: #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
margin-bottom: 5px;
border: solid 1px #e1e1e1\0/;
position: relative;
}

#256 Viatalliyy

Viatalliyy

    Продвинутый пользователь

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

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

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

Здравствуйте. В main.css замените
#content .box .box-content {
border-bottom: 4px solid #e1e1e1;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
padding: 20px 10px;
background-color: #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
margin-bottom: 5px;
border: solid 1px #e1e1e1\0/;
position: relative;
}
на
#content .box .box-content {
border-bottom: 4px solid #e1e1e1;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
padding: 0 10px;
background-color: #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
margin-bottom: 5px;
border: solid 1px #e1e1e1\0/;
position: relative;
}
Спасибо)
Как сделать так чтобы описание и отзывы были внизу товара. То есть сначало чтобы шло описание, и в конце описания отзывы?

Изображение

Изображение

#257 Ирина345

Ирина345

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

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

Отправлено 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>

#258 Viatalliyy

Viatalliyy

    Продвинутый пользователь

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

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

Просмотр сообщенияИрина345 (05 Февраль 2015 - 12: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>
Спасибо, и как можно преместить название товра вот в это место (показано на скриншоте)

Изображение

#259 Viatalliyy

Viatalliyy

    Продвинутый пользователь

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

Отправлено 05 Февраль 2015 - 15:01

?

#260 Viatalliyy

Viatalliyy

    Продвинутый пользователь

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

Отправлено 05 Февраль 2015 - 17:57

???
Обратно в Общие вопросы


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

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

  1. Форум владельцев интернет-магазинов
  2. → Повышение продаж, продвижение
  3. → Общие вопросы
  4. Privacy Policy