Сообщений в теме: 141

[arver]

Все так же актуальна проблема,необходимо перенести строку "вы смотрели" под состояние корзины и сделать так чтобы они находились в одном блоке(на рисунке под цифрой 1),так чтобы этот блок отображался на всех страницах сайта.
2)Необходимо подвинуть тело сайта левее(показано на рисунке синим цветом).

картинка

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

• 

[arver]

Need help

[sengun]

arver (31 Июль 2013 - 14:39) писал:

Все так же актуальна проблема,необходимо перенести строку "вы смотрели" под состояние корзины и сделать так чтобы они находились в одном блоке(на рисунке под цифрой 1),так чтобы этот блок отображался на всех страницах сайта.
2)Необходимо подвинуть тело сайта левее(показано на рисунке синим цветом).

картинка

В html после кода

<!-- END Всевозможные списки товаров -->
		</td>

вставьте код

<td id="rightMenuBlockWrap">
		  <!-- Корзина -->
	  <div id="cartInfo">
		<a href="{CART_URL}">в корзине товаров на</a>:
		<br> <span id="cartSum">
		  {% IF cart_count_empty %}
			<span class="red">0</span> {CURRENCY_NAME}
		  {% ELSE %}
			{% FOR cart_sum %}
			  <span>{cart_sum.NOW | money_format}</span><br />
			{% ENDFOR %}
		  {% ENDIF %}
		</span>
	  </div>
	  <!-- end Корзина -->
			<!-- Последние товары, просмотренные пользователем -->
			  {% IFNOT recently_viewed_goods_empty %}
			  <br /><h4 class="contentTbodyCatalogHeader">Вы смотрели</h4>
			  <div class="contentTbodyRecentlyViewed">
				<table class="recent_viewed">
				  {% FOR recently_viewed_goods %}
				  <tr class="alignLeft {% IF recently_viewed_goods.last %}last{% ENDIF %}">
					<td class="img txtalgncnt">
					  <a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;"><img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" /></a>
					</td>
					<td class="link statetitle fnt12n txtalgnlft">
					  <a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;">{recently_viewed_goods.NAME}</a>
					</td>
				  </tr>
				  {% ENDFOR %}
				</table>
			  </div>
			  {% ENDIF %}
			  <!-- Последние товары, просмотренные пользователем -->
		  </td>

Здесь мы вставили коды блоков корзины и просмотренных товаров. Т.е. оттуда, где раньше стояли эти блоки, их надо удалить.
В main.css код

#leftMenuBlockWrap {
  width: 170px;
  padding:1em 0 40px 0;
  vertical-align:top;
}
#leftMenuBlock {
  width: 170px;
  margin: 0 20px 0 0;
}

замените на

#leftMenuBlockWrap, #rightMenuBlockWrap {
  width: 160px;
  padding:1em 0 40px 0;
  vertical-align:top;
}
#leftMenuBlock {
  width: 160px;
  margin: 0;
}

А код

#cartInfo {
  top: 154px;
  position:absolute;
  font-size: 13px;
  bottom: 6px;
  left: 880px;
  white-space:nowrap;
}

замените на

#cartInfo {
  white-space:nowrap;
}

И, наконец, код

#subNavigation {
  width: 170px;
}

измените так

#subNavigation {
  width: 160px;
}

[arver]

Обнаружил на сайте 3 косяка,первый что фон по бокам при загрузке страницы(причем не важно какая скорость интернет соединения,грузится с низу вверх),второе когда кликаешь на наименования,фон справа сдвигается(показано синий стрелкой),третье некоторые картинки на сайте после изменений стали неимоверно большими,как например крестик(удалить) в корзине

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

• 
• 
• 

[sengun]

arver (01 Август 2013 - 09:45) писал:

Обнаружил на сайте 3 косяка,первый что фон по бокам при загрузке страницы(причем не важно какая скорость интернет соединения,грузится с низу вверх),второе когда кликаешь на наименования,фон справа сдвигается(показано синий стрелкой),третье некоторые картинки на сайте после изменений стали неимоверно большими,как например крестик(удалить) в корзине

Отмените действие

shnafix (30 Июль 2013 - 16:15) писал:

В файле style.css в блок добавьте строки:

a img {
border: none;
}

width: 800px;
height: 500px;

Вместо этого в style.css добавьте

#photos a img {
width: 600px;
height: 400px;
}

Это уменьшит крестик в корзине.
В main.css в коде

#primaryContent {width: 550px;padding:0 0px 10px 0;vertical-align:top;background: #fff;}

width: 550px; замените на min-width: 680px;
Далее в коде

#header {position: relative;width: 960px;height: 150px;margin: 0 auto;}

вместо width: 960px; поставьте width: 1000px;
В коде

#content {width: 960px;margin: 0 auto;}

width: 960px; так же замените на width: 1000px;
И в style.css код

#photos {
  margin: 0 auto;
}

измените так

#photos {
  margin: 0 auto;
text-align: center;
}

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

[sengun]

По поводу фона. Так загружается картинка contentWrap_bg.jpg
Она большая и одноцветная, может, лучше будет задать цвет фона кодом, а не картинкой?
В main.css в коде

#contentWrap {clear: both;background: url({ASSETS_IMAGES_PATH}contentWrap_bg.jpg) repeat-x left bottom;}

background: url({ASSETS_IMAGES_PATH}contentWrap_bg.jpg) repeat-x left bottom;
замените на
background: #F0E06D;
или
background: #F0E68C;
На мой взгляд, самые похожие цвета. Вообще, можете цвет подобрать тут.

[arver]

Да теперь все работает как задумывалось,огромное спасибо!

[arver]

Возникла проблема добавил еще пару картинок в слайдер(основной по центру),по описанию должны были появится миниатюры для возможности управления показами,но они по какой-то причине не отображаются.
2)Не понятно куда нужно прописать top и left чтобы сместить слайдер.
3)Не нашел строчки как и в nivo-slider для управления скоростью показа и паузы при наведении мышки на слайд.

Также поменял строку  
a img {
border: none;
}
на строку

a img {
border: 2px;
}
Каемки вокруг слайдера так и не появилось(

[support 2.0]

arver (02 Август 2013 - 13:17) писал:

Возникла проблема добавил еще пару картинок в слайдер(основной по центру),по описанию должны были появится миниатюры для возможности управления показами,но они по какой-то причине не отображаются.
2)Не понятно куда нужно прописать top и left чтобы сместить слайдер.
3)Не нашел строчки как и в nivo-slider для управления скоростью показа и паузы при наведении мышки на слайд.

Также поменял строку  
a img {
border: none;
}
на строку

a img {
border: 2px;
}
Каемки вокруг слайдера так и не появилось(

Здравствуйте, в style.css у Вас есть такая строчка:

#photos li {background: none !important;padding-left: 0px !important;margin-left: -20px !important;}

если убрать

margin-left: -20px !important

слайдер встанет чуть правее. Скажите куда Вы хотите его переместить и мы в стилях сами посмотрим и напишем Вам инструкцию, т.к. у Вас в нескольких файлах применяется настройка для данного слайдера.

По поводу эффектом и времени, можете найти в HTML

<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
		 $('#slider').nivoSlider({effect: 'slideInRight'}).parent().show();
});
</script>

и заменить на

<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
		 $('#slider').nivoSlider({effect: 'slideInRight', pauseTime:7000, pauseOnHover:false}).parent().show();
});
</script>

7000 = 7 секунд
Кстати, не совсем поняла Ваши блоки:

<div class="theme-default" style="padding:1em;display:none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
	 <img src="http://files.storeland.net/f689/741/slaid.jpg" alt="" />
	 <!--	 <a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a>
		 <img src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" />
		 <img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" alt="" />
		 <img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt="" /> -->
</div>
</div>
<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
		 $('#slider').nivoSlider({effect: 'slideInRight'}).parent().show();
});
</script>

и

<ul id="photos">
<li><a href="#p1"><img src="http://files.storeland.net/f694/977/slaid_osn_1.jpg" /></a></li>
<li><a href="#p1"><img src=" http://files.storeland.net/f695/067/slaid_osn_2.jpg" /></a></li>
</ul>

это 2 независимых слайдера и второй слайдер на сколько я понимаю к nyvo совсем не относится. Вы не могли бы сказать как Вы устанавливали тот слайдер?

[arver]

Здравствуйте,второй слайдер я устанавливал следующим образом,скачал архив,с него загрузил на сайт следующие файлы:jquery.xfade-1.0.js,jquery.xfade-1.0.min.js,style.css.
Далее добавил в html <!-- Загрузка  Slider -->
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}style.css" type="text/css" media="screen" />
<script src="{ASSETS_JS_PATH}jquery.xfade-1.0.min.js" type="text/javascript"></script>
<script src="{ASSETS_JS_PATH}jquery.xfade-1.0.js" type="text/javascript"></script>
в конец main.js код -
$(document).ready(function() {
$('#photos').xfade({height: 430});
});
В шаблон HTML  код -
<ul id="photos">
  <li><a href="#p1"><img src="путь до изображений" /></a></li>
  <li><a href="#p2"><img src="путь до изображений" /></a></li>
  <li><a href="#p3"><img src="путь до изображений" /></a></li>
</ul>
По поводу времени я как раз спрашивал про второй слайдер(не nivo!) не понимаю как мне его переместить как показано на рисунке стрелочками,так чтобы я мог вставить картинки(показано красными блоками) и сделать так,чтобы при наведении мыши слайдер останавливался и миниатюры для управления показами.
Слайдер с сайта http://followdesign....ou-chast-1.html под номером 17

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

• 

[arver]

Нужна помощь

[miyako]

arver (04 Август 2013 - 19:06) писал:

Здравствуйте,второй слайдер я устанавливал следующим образом,скачал архив,с него загрузил на сайт следующие файлы:jquery.xfade-1.0.js,jquery.xfade-1.0.min.js,style.css.
Далее добавил в html <!-- Загрузка  Slider -->
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}style.css" type="text/css" media="screen" />
<script src="{ASSETS_JS_PATH}jquery.xfade-1.0.min.js" type="text/javascript"></script>
<script src="{ASSETS_JS_PATH}jquery.xfade-1.0.js" type="text/javascript"></script>
в конец main.js код -
$(document).ready(function() {
$('#photos').xfade({height: 430});
});
В шаблон HTML  код -
<ul id="photos">
  <li><a href="#p1"><img src="путь до изображений" /></a></li>
  <li><a href="#p2"><img src="путь до изображений" /></a></li>
  <li><a href="#p3"><img src="путь до изображений" /></a></li>
</ul>
По поводу времени я как раз спрашивал про второй слайдер(не nivo!) не понимаю как мне его переместить как показано на рисунке стрелочками,так чтобы я мог вставить картинки(показано красными блоками) и сделать так,чтобы при наведении мыши слайдер останавливался и миниатюры для управления показами.
Слайдер с сайта http://followdesign....ou-chast-1.html под номером 17

Перемещение слайдера -
Найдите код в style.css -

#photos li {
background: none !important;
padding-left: 0px !important;
margin-left: -20px !important;
}

и замените на -

#photos li {
background: none !important;
padding: 25px 0px;
}

Тогда слайдер у Вас будет по середине.

[arver]

Спасибо получилось,а каким образом к этому слайдеру подключить миниатюры для управления слайдами,время(паузу при наведении мыши).Не пойму где main.css сделать изменения чтобы категории находились на одной линии по высоте с картинкой

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

• 

[arver]

Возник еще один вопрос как ограничить кол-во наименований в пункте "вы смотрели" до 10.

[support 2.0]

arver (05 Август 2013 - 13:54) писал:

Спасибо получилось,а каким образом к этому слайдеру подключить миниатюры для управления слайдами,время(паузу при наведении мыши).Не пойму где main.css сделать изменения чтобы категории находились на одной линии по высоте с картинкой

в файле main.css найдите строчку

#subNavigation {
  width: 160px;
}

замените на

#subNavigation {
  width: 160px;
  margin-left: 5px;
}

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

.contentTbodyCatalogHeader {margin: 0 1em 0.33em 0.7em;padding-bottom:0.2em;background:url('{ASSETS_IMAGES_PATH}grey_dotted.gif') repeat-x scroll 0 100% transparent;}

замените на

.contentTbodyCatalogHeader {margin: 0 1em 0.33em 1em;padding-bottom:0.2em;background:url('{ASSETS_IMAGES_PATH}grey_dotted.gif') repeat-x scroll 0 100% transparent;}

по поводу скорости переключения, попробуйте код

$(document).ready(function() {
$('#photos').xfade({height: 430});
});

изменить на

$(document).ready(function() {
$('#photos').xfade({pauseTime:5000, height: 430});
});

по поводу блока вы смотрели, найдите в HTML

{% FOR recently_viewed_goods %}

после него вставьте

{% IF recently_viewed_goods.index > 10 %}{break}{% ENDIF %}

[arver]

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

[arver]

Help

[Сake]

Для использования миниатюр - необходимо использовать разметку

<ul id="thumbs">
	<li id="thumb-1"><a href="#t1"><img src="images/P10104022-76x76.jpg" /></a></li>
	<li id="thumb-2"><a href="#t2"><img src="images/P10104261-76x76.jpg" /></a></li>
	<li id="thumb-3"><a href="#t3"><img src="images/P10104291-76x76.jpg" /></a></li>
  </ul>

об этом можно узнать из файла controls.html в информации по установке данного слайдера. Demo Advanced controls.

В файл main.js необходимо добавить

var bindThumbnails = function() {
  $('#thumbs').each(function() {
	$(this).unbind();
	$(this).click(function() {
	  var i = $($(this).parents('li').get(0)).attr('id').substring(6);
	  $('#photos').xfadeTo($('#photo-' + i));
	  return false;
	});
  });
}

а после строки инициализации слайдера, а именно

$('#photos').xfade({height: 430, onBefore: setOpacity});

необходимо добавить

bindThumbnails();

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

[arver]

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

[miyako]

arver (06 Август 2013 - 10:20) писал:

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

Не вижу сейчас у Вас на сайте миниатюр у слайдера, Вы их убрали?