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


Публикации Сake

1000 публикаций создано Сake (учитываются публикации только с 02-Июль 23)


По типу контента

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


Сортировать                 Порядок  

#125485 Новый Шаблон - «Весна»

Отправлено от Сake в 07 Март 2014 - 05:44 в Предложения по улучшению сервиса

Цитата

Да, спасибо, страница стала хорошо отображаться, остался только tovar в навигационной строке и в разделе "вы смотрели"

Дополнительные изменения были внесены в ваш шаблон.

Цитата

И еще вопрос: можно ли при редактировании этого шаблона использовать коды , которые ранее на форуме были, в частности для того чтобы сделать вход в личный кабинет в шапке над корзиной вида: ВХОД!Регистрация

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

Цитата

1."Статьи" в верхнее меню и переименовать

Найдите в вашем шаблоне "HTML" данный заголовок и переименуйте его. Выглядит он так

<a href="{NEWS_ARTICLES_URL}"><h4>Статьи</h4></a>

Переместить в верхнее меню можно только раздел. Для этого код менять не нужно, достаточно добавить новый пункт в верхнее меню навигации. Это делается в разделе Сайт -> Меню.

Цитата

2."Обратный звонок" в шапку к телефону?

Функция формы обратного звонка как я понимаю у вас еще не реализована. Для начала её необходимо реализовать. Необходимые инструкции вы можете найти в следующей теме форума http://forum.storela...ок/#entry106881


#125649 Новый Шаблон - «Весна»

Отправлено от Сake в 07 Март 2014 - 23:46 в Предложения по улучшению сервиса

Цитата

Функция "обратный звонок" у меня реализована, сейчас я вывела ее в верхнее меню, а хотелось бы в шапку к номеру контактного телефона - можно это сделать?

Найдите в шаблоне "HTML" следующий код

<div class="clear"></div>
				</div>
			  </div>
			{% ENDIF %}
		   
			<div id="welcome"><a href="http://{NET_DOMAIN}/">Добро пожаловать на сайт!</a></div>

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

<div class="clear"></div>
				 <a href="/page/Zakazat-obratnyj-zvonok" class="callback">Заказать обратный звонок</a>
				</div>
			  </div>
			{% ENDIF %}
		   
			<div id="welcome"><a href="http://{NET_DOMAIN}/">Добро пожаловать на сайт!</a></div>

после этого добавьте в файл стилей main.css

.callback {
  background: #F5F5F5;
  color: #333333;
  display: block;
  font-size: 12px;
  margin: 5px 0;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

Цитата

А вот инструкцию для формы  "Вход!Регистрация" в шапке, по которой я это делала в прежнем шаблоне хоть убей, не могу найти на форуме - помогите, пжл, сделать вход в личный кабинет снова.

Вероятно вы имеете в виду следующую тему форума http://forum.storela...8685-вход-в-лк/

Цитата

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

Попробуйте в файл стилей main.css добавить

#header #welcome {
  float: left;
  margin-top: -15px;
}
#header #welcome a {
  display: block;
  margin-top: -10px;
  text-align: left;
}


#125231 Новый Шаблон - «Весна»

Отправлено от Сake в 06 Март 2014 - 06:02 в Предложения по улучшению сервиса

В ваш шаблон "Товар" были внесены необходимые изменения. Проверьте отображение вашей страницы отзывов.


#122203 Общий Фон Для Всего Сайта

Отправлено от Сake в 18 Февраль 2014 - 01:04 в Изменение общей стилистики

В вашем шаблоне "Товар" присутствует синтаксическая ошибка html, в результате чего рушиться структура вложенных блоков. Вам необходимо восстановить последнюю (корректную) резервную копию вашего шаблона. Восстановить резервную копию можно в разделе редактора шаблонов.


#108505 Общий Фон Для Всего Сайта

Отправлено от Сake в 05 Декабрь 2013 - 03:52 в Изменение общей стилистики

Пожалуйста, сообщите ваш номер аккаунта.


#128462 Новый Шаблон - «Весна»

Отправлено от Сake в 21 Март 2014 - 01:17 в Предложения по улучшению сервиса

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

<a style="{% IF PAGE_TITLE=Квитанция Сбербанка пд 4 %}display:none{% ENDIF %};" href="{NEWS_SECTION_URL}" class="more">


#135237 Новый Шаблон - «Весна»

Отправлено от Сake в 24 Апрель 2014 - 01:30 в Предложения по улучшению сервиса

К сожалению, уведомление об исправлении указанной вами ошибки - нам не поступала. Попробую повторно направить информацию об ошибке разработчикам. Приносим свои извинение за ожидание.


#165116 Не Отображается Таблица

Отправлено от Сake в 10 Октябрь 2014 - 04:38 в Сайт

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

<table align="center" border="0" bordercolor="#ccc" cellpadding="0" cellspacing="0" class="tblBorder" style="line-height: 1.4em; width: 500px;">

и замените её на

<table align="center" border="0" bordercolor="#ccc" cellpadding="0" cellspacing="0" class="tblBorder delivery" style="line-height: 1.4em; width: 500px;">

после этого найдите и удалите используемые строки в теге <td>

background-color: rgb(248, 245, 238);

и

border: 1px solid rgb(153, 153, 153);

Например

<td colspan="4" style="width: 250px; height: 50px; border: 1px solid rgb(153, 153, 153); background-color: rgb(248, 245, 238);">

заменяем на

<td colspan="4" style="width: 250px; height: 50px;">

после этого в ваш файл стилей добавьте код

.tblBorder.delivery td {
  background-color: rgb(248, 245, 238);
  border: 1px solid rgb(153, 153, 153);
}


#154456 Не Отображается Таблица

Отправлено от Сake в 23 Август 2014 - 01:26 в Сайт

То что вы приводите - это структура общего вида изображения. Вам необходимо при просмотре исходного кода вашей страницы (через кнопку "Источник"), каждое изображение (тег <img>) заменить на примерно следующий вид - например найдем код

<img style="width: 160px; height: 128px; margin: 5px 20px; border-width: 3px; border-style: solid;" src="http://st.storeland.net/6/1275/056/P1020748.jpg" alt="Чехол жаккард хлопок для матраса.">

и заменим эту строку на

<a href="большое изображение" rel="gallery" target="_blank">
  <img style="width: 160px; height: 128px; margin: 5px 20px; border-width: 3px; border-style: solid;" src="http://st.storeland.net/6/1275/056/P1020748.jpg" alt="Чехол жаккард хлопок для матраса.">
</a>

т.е по сути мы оборачиваем изображение (тег <img>) в ссылку (тег <a>), где в ссылки необходимо указать адрес до большого изображения (в атрибуте href). Например

<a href="http://st.storeland.net/6/1275/056/P1020748-big.jpg" rel="gallery" target="_blank">
  <img style="width: 160px; height: 128px; margin: 5px 20px; border-width: 3px; border-style: solid;" src="http://st.storeland.net/6/1275/056/P1020748.jpg" alt="Чехол жаккард хлопок для матраса.">
</a>


#153651 Область Фильтрации, фильтры на главной

Отправлено от Сake в 19 Август 2014 - 06:55 в Изменение общей стилистики

Найдите в вашем коде страницы "Кровати и матрасы от производителя с гарантией качества" через кнопку "Источник" следующий блок кода

<script>
urlPage ="http://###/catalog/МАТРАСЫ-все"; //адрес страницы с фильтрами.
$.get(urlPage, function(d){
filter = $(d).find('.filters').html();
$('.pagefilter').html(filter);
$('.pagefilter').find('form').attr('action',urlPage);
});
</script>
<div class="filt"><strong>Выбрать мебель:</strong>
<div class="pagefilter1">&nbsp;</div>
</div>
<script>
urlPage ="http://###/catalog/Вся-мебель-2"; //адрес страницы с фильтрами.
$.get(urlPage, function(d){
filter = $(d).find('.filters').html();
$('.pagefilter1').html(filter);
$('.pagefilter1').find('form').attr('action',urlPage);
});
</script>

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

<script>
var urlPage1 ="http://#/catalog/МАТРАСЫ-все"; //адрес страницы с фильтрами.
$.get(urlPage1, function(d){
filter = $(d).find('.filters').html();
$('.pagefilter').html(filter);
$('.pagefilter').find('form').attr('action',urlPage1);
});
</script>
<div class="filt"><strong>Выбрать мебель:</strong>
<div class="pagefilter1">&nbsp;</div>
</div>
<script>
var urlPage2 ="http://#/catalog/Вся-мебель-2"; //адрес страницы с фильтрами.
$.get(urlPage2, function(d){
filter = $(d).find('.filters').html();
$('.pagefilter1').html(filter);
$('.pagefilter1').find('form').attr('action',urlPage2);
});
</script>


#141715 Общий Фон Для Всего Сайта

Отправлено от Сake в 04 Июнь 2014 - 04:29 в Изменение общей стилистики

Изображение вашего фона вам необходимо загрузить в раздел редактора шаблонов. А после строку

background: url('ссылка на фон') repeat left top;

заменить на

background: url('{ASSETS_IMAGES_PATH}имя изображения') repeat left top;

где имя изображения должно прописываться вместе с расширением файла. Например

background: url('{ASSETS_IMAGES_PATH}bg.png') repeat left top;


#101288 Не Отображается Таблица

Отправлено от Сake в 08 Ноябрь 2013 - 04:54 в Сайт

Попробуйте добавить в самый конец файла стилей main.css следующий код

.htmlDataBlock table,
.htmlDataBlock tbody,
.htmlDataBlock tfoot,
.htmlDataBlock thead,
.htmlDataBlock tr,
.htmlDataBlock th,
.htmlDataBlock td {
	border: inherit;
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	line-height: inherit;
	margin: inherit;
	padding: inherit;
	vertical-align: middle;
}
.htmlDataBlock table {
	border: 1px solid;
	border-collapse: separate;
	border-spacing: 1px;
}


#108480 Общий Фон Для Всего Сайта

Отправлено от Сake в 05 Декабрь 2013 - 01:43 в Изменение общей стилистики

Фон можно зафиксировать. Вставить фон вы можете следующим образом - в файл стилей main.css добавьте 

body {
  background: url("{ASSETS_IMAGES_PATH}bg.png") no-repeat fixed left top !important;
}
#headerWrap,
#contentWrap,
#footer {
  background: none !important;
}
#content {
  background: #FFFFFF;
}

после загрузите изображение фона bg.png в разделе редактора тем.


#102899 Как Сделать Увеличение Изображения Товара Как В Сиянии

Отправлено от Сake в 13 Ноябрь 2013 - 02:35 в Изменение общей стилистики

Я же вам ранее уже говорил что внесенные изменения - это не все изменения которые необходимо внести. Так как инструкция по изменению обширная - она поделена на несколько частей. На данный момент на вашем сайте каких либо ошибок javascript обнаружить не удалось. Возможно вы разобрались с данной проблемой самостоятельно. Далее по инструкции в дополнении к предыдущим изменениям:

Найдите в шаблоне "Товар" код

<!-- Большое изображение -->
	<div class="image">
	  <div id="wrap" style="top:0px;z-index:9999;position:relative;background: #fff;margin: 0 auto;text-align: center;">
		{% IF GOODS_IMAGE_EMPTY %}
				  <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}"  class="thumbnail"/>
				{% ELSE %}
				  <a itemprop="image" href="{GOODS_IMAGE_LARGE}" title="Увеличить {GOODS_NAME}" id="zoom1">
						<img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image">
				  </a>
				{% ENDIF %}		
	  </div>			 
	</div>

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

<!-- Большое изображение -->
	<div class="image">
		{% IF GOODS_IMAGE_EMPTY %}
				  <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}"  class="thumbnail"/>
				{% ELSE %}
				  <a itemprop="image" href="{GOODS_IMAGE_LARGE}" title="Увеличить {GOODS_NAME}" id="zoom1">
						<img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image">
				  </a>
				{% ENDIF %}					 
	</div>

далее найдите

{% IFNOT goods_images_empty %}
		  {% FOR goods_images %}
				{% IF goods_images.first %}
				  <div class="clearfix"{% IF goods_images.length=1 %}style="display:none;"{% ENDIF %} id="views_block">
						<div id="thumbs_list">
						  <ul id="thumbs_list_frame">
						  {% ENDIF %}
								  <li>
										<a href="{goods_images.LARGE}" title="{goods_images.NAME}" target="_blank" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '{goods_images.MEDIUM}' ">
																				  <img src="{goods_images.ICON}" alt="{goods_images.NAME}" />
																				</a>
								  </li>
						  {% IF goods_images.last %}
						  </ul>
						</div>
				  </div>
				{% ENDIF %}
		  {% ENDFOR %}
		{% ENDIF %}

и замените на

{% IFNOT goods_images_empty %}
		  {% FOR goods_images %}
				{% IF goods_images.first %}
				  <div class="clearfix"{% IF goods_images.length=1 %}style="display:none;"{% ENDIF %} id="views_block">
						<div id="thumbs_list">
						  <ul id="thumbs_list_frame">
						  {% ENDIF %}
								  <li>
										<a href="{goods_images.LARGE}" title="{goods_images.NAME}" target="_blank" rel="{goods_images.MEDIUM}">
											<img src="{goods_images.ICON}" alt="{goods_images.NAME}" />
										</a>
								  </li>
						  {% IF goods_images.last %}
						  </ul>
						</div>
				  </div>
				{% ENDIF %}
		  {% ENDFOR %}
		{% ENDIF %}

далее в самый конец файла main.js добавьте код

$(function() {
  $('.image a').fancybox();
  $('#thumbs_list_frame li a').click(function() {
	  var small = $(this).attr('rel');
	  var large = $(this).attr('href');
	  $('.image a').attr('href', large).find('img').attr('src', small);
	  return(false);
  });
});


#102549 Как Сделать Увеличение Изображения Товара Как В Сиянии

Отправлено от Сake в 12 Ноябрь 2013 - 03:02 в Изменение общей стилистики

Просмотр сообщенияooosik (11 Ноябрь 2013 - 13:09) писал:

Аккаунт SL-235386

Сейчас сайт на шаблоне сияние, пробовала сделать как советовали выше по инструкции получается отвратительно) сайт http://42optovka.ru/

В инструкции я вам сообщал что это не окончательная реализация и вам необходимо для начала выполнить именно данную инструкцию, после сообщить нам как выполните и ожидать дальнейший инструкции. Ответить вам ранее я не мог по причине выходных. Вам необходимо повторить выполнение инструкции (выполните её внимательно и не удаляйте изменения) - после сообщите об этом.

Просмотр сообщенияotdyh-i-son.ru (11 Ноябрь 2013 - 14:04) писал:

и мы ждем, скрин:

Не совсем понятно что чего вы выполнили инструкцию из сообщения http://forum.storela...ак/#entry101602 так как данные изменения и убирают карусель маленьких изображений. Вам необходимо отменить данные изменения.


#101633 Как Сделать Увеличение Изображения Товара Как В Сиянии

Отправлено от Сake в 09 Ноябрь 2013 - 06:47 в Изменение общей стилистики

Проверьте не допустили ли вы ошибки при замене кода в main.js данный код можно и не заменять а удалить например. По всей видимости ошибка возникла именно из-за этого. Пожалуйста, попробуйте повторить инструкцию еще раз.


#101602 Как Сделать Увеличение Изображения Товара Как В Сиянии

Отправлено от Сake в 09 Ноябрь 2013 - 02:40 в Изменение общей стилистики

Найдите в шаблоне "Товар" код

<!-- Другие изображения товара. Отображаются если есть изображения товара -->
	{% IFNOT goods_images_empty %}
	  {% FOR goods_images %}
		{% IF goods_images.first %}
		  <div class="clearfix"{% IF goods_images.length=1 %}style="display:none;"{% ENDIF %} id="views_block">
			<span class="view_scroll_spacer"><a class="hidden" href="javascript:{}" id="view_scroll_left" title="Предыдущая" style="cursor: default; display: none; opacity: 0;">Предыдущая</a></span>
			<div id="thumbs_list">
			  <ul id="thumbs_list_frame" style="width: 100000px;">
			  {% ENDIF %}
				  <li>
					<a href="{goods_images.LARGE}" title="{goods_images.NAME}" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '{goods_images.MEDIUM}' ">
					  <img src="{goods_images.ICON}" alt="{goods_images.NAME}" />
					</a> 
				  </li>
			  {% IF goods_images.last %}
			  </ul>
			</div>
			<a href="javascript:{}" id="view_scroll_right" title="Следующая" style="cursor: pointer; opacity: 1; display: block;">Следующая</a>
		  </div>
		{% ENDIF %}
	  {% ENDFOR %}
	{% ENDIF %}

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

<!-- Другие изображения товара. Отображаются если есть изображения товара -->
	{% IFNOT goods_images_empty %}
	  {% FOR goods_images %}
		{% IF goods_images.first %}
		  <div class="clearfix"{% IF goods_images.length=1 %}style="display:none;"{% ENDIF %} id="views_block">
			<div id="thumbs_list">
			  <ul id="thumbs_list_frame">
			  {% ENDIF %}
				  <li>
					<a href="{goods_images.LARGE}" title="{goods_images.NAME}" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '{goods_images.MEDIUM}' ">
					  <img src="{goods_images.ICON}" alt="{goods_images.NAME}" />
					</a> 
				  </li>
			  {% IF goods_images.last %}
			  </ul>
			</div>
		  </div>
		{% ENDIF %}
	  {% ENDFOR %}
	{% ENDIF %}

далее найдите

{% IF GOODS_IMAGE_EMPTY %}
		  <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}"  class="thumbnail"/>
		{% ELSE %}
		  <a itemprop="image" href="{GOODS_IMAGE_LARGE}" title="Увеличить {GOODS_NAME}" class="cloud-zoom" id="zoom1" rel="position: 'inside', zoomPosition: '3', showTitle: false, adjustX:-4, adjustY:-4">
			<img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image">
		  </a>
		{% ENDIF %}

и замените на

{% IF GOODS_IMAGE_EMPTY %}
		  <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}"  class="thumbnail"/>
		{% ELSE %}
		  <a itemprop="image" href="{GOODS_IMAGE_LARGE}" title="Увеличить {GOODS_NAME}" id="zoom1">
			<img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image">
		  </a>
		{% ENDIF %}

после в файле стилей style.css найдите

#left-column #thumbs_list {
	float: left;
	margin: 0;
	overflow: hidden;
	width: 325px;
}

и замените на

#left-column #thumbs_list {
	float: left;
	margin: 0;
	overflow: hidden;
	width: 410px;
}

далее в файле main.js найдите

//Карусель изображений товара
$(document).ready(function()
{
$('#thumbs_list').serialScroll({
  items:'li:visible',
  prev:'#view_scroll_left',
  next:'#view_scroll_right',
  axis:'x',
  offset:0,
  start:0,
  stop:true,
  onBefore:serialScrollFixLock,
  duration:700,
  step: 2,
  lazy: true,
  lock: false,
  force:false,
  cycle:false
});
$('#thumbs_list').trigger('goto', 1);
$('#thumbs_list').trigger('goto', 0);
});

и замените на

//Карусель изображений товара
/*$(document).ready(function()
{
$('#thumbs_list').serialScroll({
  items:'li:visible',
  prev:'#view_scroll_left',
  next:'#view_scroll_right',
  axis:'x',
  offset:0,
  start:0,
  stop:true,
  onBefore:serialScrollFixLock,
  duration:700,
  step: 2,
  lazy: true,
  lock: false,
  force:false,
  cycle:false
});
$('#thumbs_list').trigger('goto', 1);
$('#thumbs_list').trigger('goto', 0);
});*/

Данные изменения не полные. Вам необходимо для начала выполнить описанные изменения. Как выполните изменения - сообщите об этом в этой теме форума, а так же сообщите ваш номер аккаунта.


#103562 Как Сделать Увеличение Изображения Товара Как В Сиянии

Отправлено от Сake в 15 Ноябрь 2013 - 00:11 в Изменение общей стилистики

Ранее вы задавали аналогичный вопрос и ответ был дан в теме форума http://forum.storela...ра/#entry101869
Пожалуйста, не дублируйте ваши вопросы. В противном случае они будут удалены без предупреждения.

Просмотр сообщенияotdyh-i-son.ru (13 Ноябрь 2013 - 22:29) писал:

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

Вам вероятно так же подойдет тема форума http://forum.storela...ра/#entry101869


#103882 Как Сделать Увеличение Изображения Товара Как В Сиянии

Отправлено от Сake в 16 Ноябрь 2013 - 00:30 в Изменение общей стилистики

Просмотр сообщенияooosik (15 Ноябрь 2013 - 09:11) писал:

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

Вы имеете в виду реализацию галереи? т.е на большом изображении чтобы отображались стрелки навигации по изображениям? я верно вас понимаю?

По поводу ошибки - в файле main.js найдите

$('#thumbs_list').trigger('goto', 1);
$('#thumbs_list').trigger('goto', 0);
});/

и замените на

$('#thumbs_list').trigger('goto', 1);
$('#thumbs_list').trigger('goto', 0);
});*/

Просмотр сообщенияДжейн (15 Ноябрь 2013 - 20:16) писал:

Извините, тот ответ почему то упустила из виду. :rolleyes: Все равно изображение не увеличивается...

Ответил вам в той теме.


#105002 Как Сделать Увеличение Изображения Товара Как В Сиянии

Отправлено от Сake в 21 Ноябрь 2013 - 00:08 в Изменение общей стилистики

Найдите в файле стилей style.css

#left-column #views_block {
  background: none repeat scroll 0 0 #FFFFFF;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.094), 0 1.5px 1.5px 0 rgba(0, 0, 0, 0.2), 0 2px 1.5px 0 rgba(0, 0, 0, 0.1);
  margin-top: 15px;
  padding: 8px 4px;
}

и замените на

#left-column #views_block {
  margin-top: 15px;
  padding: 8px 4px;
}

далее найдите

#left-column #thumbs_list {
  float: left;
  margin: 0;
  overflow: hidden;
  width: 410px;
}

и замените на

#left-column #thumbs_list {
  float: left;
  margin: 0;
  width: 410px;
}

далее найдите

#left-column #thumbs_list li {
  cursor: pointer;
  float: left;
  height: 54px;
  margin: 0 4px;
}

и замените на

#left-column #thumbs_list li {
  background: #FFFFFF;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.094), 0 1.5px 1.5px 0 rgba(0, 0, 0, 0.2), 0 2px 1.5px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
  float: left;
  height: 54px;
  margin: 0 4px;
  padding: 5px;
}


#105320 Как Сделать Увеличение Изображения Товара Как В Сиянии

Отправлено от Сake в 22 Ноябрь 2013 - 02:48 в Изменение общей стилистики

Попробуйте использовать код 

//Увеличение изображения по клику//
$(function() {
setTimeout(function() {
	$(document).on('click', '#left-column .mousetrap', function() {
		 var link = $(this).parent().children('a');
		 $('<body>').append($('<div class="fancybox-zgallery">').hide().append(link.clone()));
		 $('#thumbs_list_frame li a').each(function() {
	  if($(this).attr('href') !== link.attr('href')) {
				  var small = $(this).children('img').attr('src');
				  var large = $(this).attr('href');
				  $('.fancybox-zgallery').append($('<a>').attr('href', large).append($('<img>').attr('src', small)));
	  }
			});
   $('.fancybox-zgallery a').attr('rel', 'gallery').fancybox({
				'onClosed': $.proxy(function() {
					$('.fancybox-zgallery').remove();
				}, link)
			}).click();
	});
}, 800); 
});

Данный код

#left-column #views_block{margin-top:15px;padding:8px 4px;background:#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) }

аналогичен предыдущему.


#104713 Как Сделать Увеличение Изображения Товара Как В Сиянии

Отправлено от Сake в 20 Ноябрь 2013 - 01:17 в Изменение общей стилистики

На данный момент у вас изменена тема оформления с темы "Осень" на тему "Сияние". Как я понимаю ваш вопрос не актуален?


#104491 Как Сделать Увеличение Изображения Товара Как В Сиянии

Отправлено от Сake в 19 Ноябрь 2013 - 03:43 в Изменение общей стилистики

Просмотр сообщенияotdyh-i-son.ru (16 Ноябрь 2013 - 06:37) писал:

да потому что я пробовала, карусель убралась, а изображение стало открываться = делаться большим в том же окне и все, а длее помощи не получила и ваши сотрудники убедили меня в ненужности для меня этих изменений,

то есть  ВАШИ СОТРУДНИКИ МЕНЯ ЗАПУТАЛИ:
сообщение №2 была выложена частичная инструкция
сообщщение №5 сообщаю, что выложенную часть инструкции выполнила и что жду помощи и дальнейших инструкций
сообщение №19, №35 предложили отменить выполненные инструкции
сообщение №34 сообщаю, что отменила изменения внесенные согласно сообщения №2
сообщение №39 Вы спрашиваете, почему не подходит предложенный ранее способ, да потому что ваши ранее ваши же можераторы сказали мне о том, что он не подходит и попросили его отменить в сообщениях: №19 и №34.

А в целом-то мне нужно тоже самое что и Oooosik, помогите, наконец-то, что нужно выполнять в этой ветке, для получения нужного результата?????????
необходимо:
1. сохранить карусель превьюшек, (работает сейчас, так как отменила первую инструкцию)
2. при наведении курсором на фото чтобы был zoom фрагмента рисунка именно как это было в сиянии (работает сейчас, но не совсем так как надо).
3. сделать так чтобы по двойному щелчку большие фото открывались в наплывающем верхнем, "соседнем" окне, НЕ РАБОТАЕТ В СТАНДАРТЕ ОСЕНИ!!!!

Вам не нужно выполнять все подряд что описано на форуме. Иногда (чаще всего) каждый случай индивидуален в виду каких-то других присутствующих изменений в шаблоне. При применении каких либо изменений почитайте тему внимательнее, определите для чего и зачем сообщены инструкции и определите для себя необходимы они вам или нет. Если сомневаться, то лучше спросите подойдет ли вам подобная инструкция или же нет. Почитайте тему форума http://forum.storela..._60#entry100503 ранее я вам её сообщал, как я понимаю из вами написанного - вам необходимо увеличение изображения при клике на него. Оставляя при этом как карусель превью, так и зумер изображения.

Просмотр сообщенияooosik (16 Ноябрь 2013 - 07:26) писал:

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

Для устранения визуального смещения - добавьте в файл стилей style.css

.fancybox-lock,
.fancybox-lock .fancybox-overlay {
	overflow: visible !important;
}

Для задания галереи попробуйте в файле main.js найти код

$(function() {
  $('.image a').fancybox();
  $('#thumbs_list_frame li a').click(function() {
		  var small = $(this).attr('rel');
		  var large = $(this).attr('href');
		  $('.image a').attr('href', large).find('img').attr('src', small);
		  return(false);
  });
});


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

$(function() {
  $('#thumbs_list_frame a').each(function() {
	 $(this).attr('urel', $(this).attr('rel'));
  });
  $('#thumbs_list_frame li a:not(:first)').each(function() {
	var small = $(this).attr('urel');
	var large = $(this).attr('href');
	$('.image').append($('<a>').hide().attr('href', large).append($('<img>').attr('src', small)));
  });
  $('.image a').attr('rel', 'gallery').fancybox();
  $('#thumbs_list_frame li a:first').click(function() {
		  var small = $(this).attr('urel');
		  var large = $(this).attr('href');
		  $('.image a:first').attr('href', large).find('img').attr('src', small);
  });
  $('#thumbs_list_frame a').attr('rel', 'gallery2').fancybox();
});

далее в файле стилей style.css найдите

.image a {
	display: inline-block !important;
}

и замените на

.image a {
	display: inline-block;
}


#107137 Как Сделать Увеличение Изображения Товара Как В Сиянии

Отправлено от Сake в 29 Ноябрь 2013 - 01:18 в Изменение общей стилистики

1. Найдите в шаблоне "Товар" код

{% IF GOODS_IMAGE_EMPTY %}
								  <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}"  class="thumbnail"/>
								{% ELSE %}
								  <a itemprop="image" href="{GOODS_IMAGE_LARGE}" title="Увеличить {GOODS_NAME}" id="zoom1">
												<img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image">
								  </a>
								{% ENDIF %}

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

{% IF GOODS_IMAGE_EMPTY %}
	<img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_IMAGE_NAME}" title="{GOODS_IMAGE_NAME}"  class="thumbnail"/>
								{% ELSE %}
								  <a itemprop="image" href="{GOODS_IMAGE_LARGE}" title="{GOODS_IMAGE_NAME}" id="zoom1">
												<img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_IMAGE_NAME}" alt="{GOODS_IMAGE_NAME}" id="image">
								  </a>
								{% ENDIF %}

2. Найдите и удалите в файле стилей style.css класс

#right-column #attributes select {
	width: 100%;
}


#132427 Переместить Логотип Поднять Слайдер И Переместить Корзину

Отправлено от Сake в 09 Апрель 2014 - 02:52 в Изменение общей стилистики

Добавьте в ваш файл стилей main.css

#header #logo {
  margin-bottom: 0;
}



  1. Форум владельцев интернет-магазинов
  2. → Публикации Сake
  3. Privacy Policy