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

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

Ast

Регистрация: 08 апр. 2016
Offline Активность: 14 сент. 2020 15:51
-----

#240724 Банеры На Главной

Отправлено Firefly на 22 Июнь 2016 - 10:36

Просмотр сообщенияAst (22 Июнь 2016 - 08:19) писал:

Да, актуально выравнивание текста по центру под иконками. Сейчас текст смещен влево, непонятно как центровать. Ссылки установил. Не знаю насколько корректно, но переходы по ним работают.

Здравствуйте.
Внес Вам корректировки в код. Проверьте, пожалуйста.


#239906 Увеличение Фотографий По Клику

Отправлено Firefly на 11 Июнь 2016 - 20:23

Просмотр сообщенияAst (11 Июнь 2016 - 18:25) писал:

Этот вариант работает, но в нем невозможно "листать" фотографии. Приходится закрывать открытую фотографию и открывать новую. Когда на странице будет 10-20 фотографий, которые должны увеличиваться, такой способ неудобен. Нужно чтобы увеличенная фотография имела возможность пролистывать на следующую. Это хорошо реализовано на странице товара. Хотелось бы также на любой другой странице.

Для того, чтобы изображения перелистывались, достаточно в инструкции по ссылке выше к ссылкам добавить одинаковый класс.
Чтобы код выглядел так:
<a href="ссылка на оригинальное изображение 1" onclick="$(this).nyroModalManual();return(false);" rel="gallery" class="gallery" target="_blank"><img alt="" src="ссылка на маленькое изображение 1" />&nbsp; &nbsp; </a>
<a href="ссылка на оригинальное изображение 2" onclick="$(this).nyroModalManual();return(false);" rel="gallery" class="gallery" target="_blank"><img alt="" src="ссылка на маленькое изображение 2" />&nbsp;&nbsp; </a>
<a href="ссылка на оригинальное изображение 3" onclick="$(this).nyroModalManual();return(false);" rel="gallery" class="gallery" target="_blank"><img alt="" src="ссылка на маленькое изображение 3" /> </a>



#239512 Фон Хлебных Крошек

Отправлено Vaccina на 08 Июнь 2016 - 02:25

В main.css найдите:
/* Хлебные крошки */
#breadcrumbs {position: relative;padding: 30px 0 20px;}
#breadcrumbs:before {content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;top: -80px;z-index: -1;}
#breadcrumbs:before, #slideshow:before {background-image: url("{ASSETS_IMAGES_PATH}sl-bg.jpg");background-color: #3cabda;background-position: top center;background-repeat: no-repeat;bottom: 0;content: "";display: block;left: 0;position: absolute;right: 0;top: -80px;z-index: -1;}
#breadcrumbs .container {position: relative;height: 100%;}
#breadcrumbs .container #titlepage {margin-bottom: 25px;background: url("{ASSETS_IMAGES_PATH}ico-pagetitle.png") no-repeat left center;line-height: 26px;font-size: 24px;color: #FFF;padding-left: 45px;}
#breadcrumbs .container #titlepage > * {font-size: 100%;margin: 0 0;padding: 0 0;color: inherit;font-weight: inherit;}
.breadcrumbs {margin: 0;padding:0;list-style: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.breadcrumbs li {display: inline-block;padding: 0 15px 0 20px;background: url("{ASSETS_IMAGES_PATH}arrow-bread.png") no-repeat left center;color: #FFF;font-size: 13px;}
.breadcrumbs li.home {padding: 0 15px 0 0;background: none;}
.breadcrumbs li a {color: #FFF;font-size: 110%;}
.breadcrumbs li a:hover {text-decoration:underline;}
.breadcrumbs li.home a {background: url("{ASSETS_IMAGES_PATH}ico-home.png") no-repeat left top;padding-left: 23px;}

замените на:
/* Хлебные крошки */
#breadcrumbs {position: relative;padding: 30px 0 20px;}
#breadcrumbs:before {background-color: #fff; content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;top: -80px;z-index: -1;}
#slideshow:before {background-image: url("{ASSETS_IMAGES_PATH}sl-bg.jpg");background-color: #3cabda;background-position: top center;background-repeat: no-repeat;bottom: 0;content: "";display: block;left: 0;position: absolute;right: 0;top: -80px;z-index: -1;}
#breadcrumbs .container {position: relative;height: 100%;}
#breadcrumbs .container #titlepage {margin-bottom: 25px;background: url("{ASSETS_IMAGES_PATH}ico-pagetitle.png") no-repeat left center;line-height: 26px;font-size: 24px;color: #FFF;padding-left: 45px;}
#breadcrumbs .container #titlepage > * {font-size: 100%;margin: 0 0;padding: 0 0;color: inherit;font-weight: inherit;}
.breadcrumbs {margin: 0;padding:0;list-style: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.breadcrumbs li {display: inline-block;padding: 0 15px 0 20px;background: url("{ASSETS_IMAGES_PATH}arrow-bread.png") no-repeat left center;color: #4b78bb;font-size: 13px;}
.breadcrumbs li.home {padding: 0 15px 0 0;background: none;}
.breadcrumbs li a {color: #4b78bb;font-size: 110%;}
.breadcrumbs li a:hover {text-decoration:underline;}
.breadcrumbs li.home a {background: url("{ASSETS_IMAGES_PATH}ico-home.png") no-repeat left top;padding-left: 23px;}

И необходимо в графическом редакторе изменить иконку стрелки arrow-bread.png (находится в разделе Редактор шаблонов)


#239217 Чистка Кода Шаблона

Отправлено Firefly на 03 Июнь 2016 - 17:13

Просмотр сообщенияAst (03 Июнь 2016 - 13:44) писал:

Аккаунт SL-368333
Здравствуйте. Мой сайт - не интернет-магазин, поэтому не нужны корзина, вывод товара на главную, сравнение товара и прочее, что свойственно интернет-магазину. Все эти не нужные данному сайту элементы, скрипты, присутствуют в коде страницы, увеличивая её вес и скорость загрузки. Можно ли почистить код страницы и css, удалив элементы интернет-магазина и стили страниц товара, которые все равно не показываются на сайте?

Здравствуйте.
Создал Вам бэкап и удалил часть кода по шаблону HTML, СSS. В шаблоне main.js изменения Вам не производил, поскольку большая часть скриптов не нагружает сайт, но при удалении может затронуть ту или иную используемую на данный момент нужную функцию.


#238480 Фильтр Товаров

Отправлено Ирина345 на 26 Май 2016 - 12:18

Просмотр сообщенияAst (26 Май 2016 - 11:33) писал:

Аккаунт SL-381850
Здравствуйте
Помогите пожалуйста разобраться, в разделе "электрические духовки" фильтр по модификации "тип очистки" при переключении с одного типа на другой, показывает страницу каталога без товара. Причем при первой фильтрации товар фильтруется нормально, при повторном переключении на другой тип - пустая страница.
Спасибо
Здравствуйте, найдите в шаблоне Товары код
  <div class="goodsFilterPriceInfo">
					  от <input id="goods-filter-min-price" type="text" name="form[filter][price][min]" value="{% IF GOODS_FILTER_MIN_PRICE %}{GOODS_FILTER_MIN_PRICE}{% ELSE %}{GOODS_FILTER_MIN_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
					  до <input id="goods-filter-max-price" type="text" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
					</div>
замените на

<div class="goodsFilterPriceInfo">
					  от <input id="goods-filter-min-price" type="text" name="form[filter][price][min]" value="{% IF GOODS_FILTER_MIN_PRICE %}{GOODS_FILTER_MIN_PRICE}{% ELSE %}{GOODS_FILTER_MIN_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
					  до <input id="goods-filter-max-price" type="text" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
					 <input type="hidden" name="form[filter][available_price][min]" value="{GOODS_FILTER_MIN_AVAILABLE_PRICE}" /><input type="hidden" name="form[filter][available_price][max]" value="{GOODS_FILTER_MAX_AVAILABLE_PRICE}" />
				 
					</div>



#238002 Поправить В Фильтре Товаров

Отправлено Danil на 23 Май 2016 - 16:32

Просмотр сообщенияAst (23 Май 2016 - 16:22) писал:

Аккаунт SL-381850
Здравствуйте
На странице товаров есть фильтр "Сортировать по" с длинным списком.
Можно ли оставить только 2 позиции: "Дешевые-Дорогие" и "Дорогие-Дешевые"? И по умолчанию показывались "Дешевые-Дорогие"
Спасибо
Здравствуйте.
В шаблоне Товары найдите код(встречается 2 раза)
					  {% FOR goods_order_fields %}
						<option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option>
					  {% ENDFOR %}
и замените на 
					  {% FOR goods_order_fields %}
						{% IF goods_order_fields.ID = 1 || goods_order_fields.ID = 2 %}
						<option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option>
						{% ENDIF %}
					  {% ENDFOR %}



#237945 Изменить Страницу Списка Товаров

Отправлено Danil на 23 Май 2016 - 09:32

Просмотр сообщенияAst (23 Май 2016 - 09:18) писал:

Здравствуйте
Аккаунт SL-381850

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

Спасибо
Здравствуйте.
Изменения Вам произвел, проверьте.


#237848 Контент В Мобильной Версии

Отправлено Firefly на 21 Май 2016 - 12:16

Просмотр сообщенияAst (21 Май 2016 - 12:06) писал:

Первая проблема не изменилась. Часть текста h1 остается под шапкой в мобильной версии
И сейчас появился еще вопрос. На главной странице баннер в мобильной версии не влезает по ширине Как можно решить такую проблему? Если нет, то как убрать показ банера в мобильной версии, оставив его в дескпотной?
Вторая часть проблемы решена, спасибо.

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
@media only screen and (max-width: 479px) {
.hidden-phone {display: none !important;}
.container { width: 300px; }
.container .columns,
.container .column { margin: 0; }
.container .two.columns,
.container .four.columns,
.container .five.columns,
.container .twelve.columns { width: 300px; }

.fluid-container {position: relative;height:160px;}

Замените на:
@media only screen and (max-width: 479px) {
.hidden-phone {display: none !important;}
.container { width: 300px; }
.container .columns,
.container .column { margin: 0; }
.container .two.columns,
.container .four.columns,
.container .five.columns,
.container .twelve.columns { width: 300px; }

.fluid-container {position: relative;height: 220px;}

Зайдите в редактирование главной страницы, найдите код:
<a href="http://kyxtex.ru/page/action"><img alt="" src="http://st.kyxtex.ru/6/1885/086/banner.jpg" />​</a>

Замените на:
<a href="http://kyxtex.ru/page/action"><img alt="" src="http://st.kyxtex.ru/6/1885/086/banner.jpg" style="width:100%;"/>​</a>



#237838 Контент В Мобильной Версии

Отправлено Firefly на 21 Май 2016 - 11:02

Просмотр сообщенияAst (21 Май 2016 - 09:49) писал:

Аккаунт SL-381850

Здравствуйте.
Помогите пожалуйста решить 2 банальные проблемы:
1. В мобильной версии часть контента главной страницы залезает под шапку. А именно скрывается часть текста h1
2. На главной расположил 5 иконок товара по горизонту, используя конструкцию


<div class="ibanners">
<div class="ibanner1"><img alt="" src="адрес" style="float: left; height: 120px;" /></div>
<div class="ibanner1"><img alt="" src="адрес" style="float: left; height: 120px;" /></div>
<div class="ibanner1"><img alt="" src="адрес" style="float: left; height: 120px;" /></div>
<div class="ibanner1"><img alt="" src="адрес" style="float: left; height: 120px;" /></div>
<div class="ibanner1"><img alt="" src="адрес" style="float: left; height: 120px;" /></div>
</div>

/* Баннеры на главной */
.ibanners {width:100%; float:left;}
.ibanner1 {width:20%; float:left;}
@media all and (min-width: 768px) {
.ibanner1 {width:20%; float:left;}
}

Иконки в десктопной версии выстраиваются по горизонту только если устанавливаю значение width:20% в стилях для мобильной версии. Значение width для стиля десктопной версии никак не влияет. В мобильной версии при этом также иконки показываются в горизонтальной прокрутке, хотя должны выстраиваться по вертикали. Помогите пожалуйста разобраться в чем дело. Спасибо

Здравствуйте.
1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .hidden-tablet {display: none !important;}
  .container {width: 460px;}
  .container .column,  .container .columns {margin-left: 5px;margin-right: 5px;}
  .columns.alpha {margin-left: 0;margin-right: 5px;}
  .columns.omega {margin-right: 0;margin-left: 5px;}
  .alpha.omega {margin-left: 0;margin-right: 0;}
  .container .two.columns {width: 200px;}
  .container .four.columns {width: 100%;}
  .container .five.columns, .container .twelve.columns {width: 460px;margin:0;}
 
  .fluid-container  {position: relative;height:50px;}

Замените на:
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .hidden-tablet {display: none !important;}
  .container {width: 460px;}
  .container .column,  .container .columns {margin-left: 5px;margin-right: 5px;}
  .columns.alpha {margin-left: 0;margin-right: 5px;}
  .columns.omega {margin-right: 0;margin-left: 5px;}
  .alpha.omega {margin-left: 0;margin-right: 0;}
  .container .two.columns {width: 200px;}
  .container .four.columns {width: 100%;}
  .container .five.columns, .container .twelve.columns {width: 460px;margin:0;}
 
  .fluid-container  {position: relative;height:220px;}

2. Найдите код:
/* Баннеры на главной */
.ibanners {width:100%; float:left;}
.ibanner1 {width:20%; float:left;}
@media all and (min-width: 768px) {
.ibanner1 {width:20%; float:left;}

Замените на:
/* Баннеры на главной */
.ibanners {width:100%; float:left;}
.ibanner1 {width: 100%;float:left;text-align: center;}
@media all and (min-width: 768px) {
.ibanner1 {width:20%; float:left;}

Зайдите в редактирование главной страницы (Сайт -> Страницы (Источник)), найдите код:
<div class="ibanners">
<div class="ibanner1"><img alt="" src="http://st.kyxtex.ru/7/1885/058/ind1.jpg" style="margin: 0px; float: left; height: 120px;" /></div>
<div class="ibanner1"><img alt="" src="http://st.kyxtex.ru/9/1885/059/ind2.jpg" style="margin: 0px; float: left; height: 120px;" /></div>
<div class="ibanner1"><img alt="" src="http://st.kyxtex.ru/8/1885/060/ind3.jpg" style="margin: 0px; float: left; height: 120px;" /></div>
<div class="ibanner1"><img alt="" src="http://st.kyxtex.ru/9/1885/061/ind4.jpg" style="margin: 0px; float: left; height: 120px;" /></div>
<div class="ibanner1"><img alt="" src="http://st.kyxtex.ru/6/1885/062/ind5.jpg" style="margin: 0px; float: left; height: 120px;" /></div>
</div>

Замените на:
<div class="ibanners">
<div class="ibanner1"><img alt="" src="http://st.kyxtex.ru/7/1885/058/ind1.jpg" style="height: 120px;" /></div>
<div class="ibanner1"><img alt="" src="http://st.kyxtex.ru/9/1885/059/ind2.jpg" style="height: 120px;" /></div>
<div class="ibanner1"><img alt="" src="http://st.kyxtex.ru/8/1885/060/ind3.jpg" style="height: 120px;" /></div>
<div class="ibanner1"><img alt="" src="http://st.kyxtex.ru/9/1885/061/ind4.jpg" style="height: 120px;" /></div>
<div class="ibanner1"><img alt="" src="http://st.kyxtex.ru/6/1885/062/ind5.jpg" style="height: 120px;" /></div>
</div>



#237172 Всплывающая Подсказка

Отправлено Firefly на 17 Май 2016 - 10:07

Просмотр сообщенияAst (17 Май 2016 - 08:42) писал:

Это не совсем то. Посмотрите пожалуйста как реализовано в примере. При наведении курсора на вопросительный знак всплывает карточка в которой сформирован заголовок и текст. Хотелось бы так же, но видимо нужен скрипт.

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Выберите требуемый шаблон, например Товары, в нужном месте вставьте код:
				  <a href="#" class="tooltip gray-tooltip" data-title="Это подсказка.">Текст</a>

Укажите в данном коде нужный текст и текст всплывающей подсказки.

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:
/* Tooltip */
.tooltip {
		position: relative;
		cursor: help;
		display: inline-block;
		text-decoration: none;
		color: #fff;
		outline: none;
		text-indent: 0;
		padding: 0 3px;
}
.tooltip:hover:before {
		content: attr(data-title);
		white-space: pre-line;
		position: absolute;
		bottom: 30px;
		left: 50%;
		z-index: 9999;
		width: 230px;
		margin-left: -127px;
		padding: 10px;
		border: 2px solid #ccc;
		opacity: .9;
		background-color: #ddd;
		background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
		background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
		background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
		background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
		background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
		-moz-border-radius: 4px;
		border-radius: 4px;
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
		box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
		text-shadow: 0 1px 0 rgba(255,255,255,.4);
		color:#fff;
}
.tooltip:hover:after {
		content: "";
		position: absolute;
		z-index: 10000;
		bottom: 24px;
		left: 50%;
		margin-left: -8px;
		border-top: 8px solid #ddd;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-bottom: 0;
}
/* Gray */
.gray-tooltip:hover:before {
		border-color: #696969;
		background-color: #696969;
}
.gray-tooltip:hover:after {
		border-top-color: #696969;
}



#233589 Фильтр Товара

Отправлено RedHead на 08 Апрель 2016 - 21:03

Просмотр сообщенияAst (08 Апрель 2016 - 20:35) писал:

Аккаунт SL-381753
1. Не очень понятно как сделать сортировку товара по ширине изделия?
2. Как убрать из выпадающего списка существующей сортировки ненужные пункты: рейтинг, количество отзывав и тд?

Здравствуйте.
1) Если Вы имеете ввиду, добавить еще один пункт в сортировку товаров (Сортировать по:) , то к сожалению, это невозможно. Вы можете добавить дополнительные характеристики, которые будут отображаться в виде фильтров.
2) Чтобы убрать указанные пункты сортировки, в шаблоне ТОВАРЫ найдите строку:

<option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %} >{goods_order_fields.NAME}</option>
и замените на:
<option value="{goods_order_fields.ID}"{%IF goods_order_fields.ID=11 || goods_order_fields.ID=12 || goods_order_fields.ID=13 || goods_order_fields.ID=14 %} style="display:none;" {%ENDIF%} {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option>

Данная строка встречается два раза. Замените в обоих случаях.




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