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


Помогите С Переделкой Дизайна

Дизайн переделка исправления

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

#1 Pimonov_Aleksey

Pimonov_Aleksey

    Новичок

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

Отправлено 31 Декабрь 2013 - 05:49

Доброго времени суток!
Зарегистрировались с партнером у Вас на платформе, пытаемся переделать дизайн под себя. Просим совета по коду, как и куда вставить код, чтобы получились желаемые результаты.

сайт: http://spozone.storeland.ru/

Итак, на главной:
1) Перенос слогана "Высокие результаты доступны каждому" в шапку сайта справа от логотипа и изменить шрифт (подобрать интересный вообщем-то).
2) Добавить видеоплеер на главную после всех блоков и как регулировать его местоположение?
3) Как вставить модули под контекстную рекламу?
4) Как организовать дополнительные меню с выводом на новые страницы?
5) Стандартный слайдер после 2 дней работы перестал отображаться с JS ошибкой. Также нашел как ограничить слайдер по высоте, но как регулировать по ширине не нашел, прошу подсказать.
6) Дублировать слайдер после вставки плеера.
7) Можно ли организовать дополнительные блоки на главной? Похожие на те что есть, только вообщем-то другие названия.
На страничке товаров:
1) При переходе на вкладку с описанием происходит JS ошибка.
2) Также интересует вставка видеоплеера после описания.

Пока на этом все.
Заранее благодарен.

#2 miyako

miyako

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

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

Отправлено 31 Декабрь 2013 - 08:11

Просмотр сообщенияPimonov_Aleksey (31 Декабрь 2013 - 05:49) писал:

Доброго времени суток!
Зарегистрировались с партнером у Вас на платформе, пытаемся переделать дизайн под себя. Просим совета по коду, как и куда вставить код, чтобы получились желаемые результаты.

сайт: http://spozone.storeland.ru/

Итак, на главной:
1) Перенос слогана "Высокие результаты доступны каждому" в шапку сайта справа от логотипа и изменить шрифт (подобрать интересный вообщем-то).
2) Добавить видеоплеер на главную после всех блоков и как регулировать его местоположение?
3) Как вставить модули под контекстную рекламу?
4) Как организовать дополнительные меню с выводом на новые страницы?
5) Стандартный слайдер после 2 дней работы перестал отображаться с JS ошибкой. Также нашел как ограничить слайдер по высоте, но как регулировать по ширине не нашел, прошу подсказать.
6) Дублировать слайдер после вставки плеера.
7) Можно ли организовать дополнительные блоки на главной? Похожие на те что есть, только вообщем-то другие названия.
На страничке товаров:
1) При переходе на вкладку с описанием происходит JS ошибка.
2) Также интересует вставка видеоплеера после описания.

Пока на этом все.
Заранее благодарен.

1) Найдите код в шаблоне HTML  -
  <h2 id="title">Высокие результаты доступны каждому</h2>
и удалите

Далее найдите код в шаблоне HTML -
<div id="header-right">
и перед ним добавьте -
<div id="slogan" ><h2 id="title">Высокие результаты доступны каждому</h2></div>

В конец style.css добавьте -
#slogan{ position: relative;  display: table;  float: left; 
	margin-top: 42px;	z-index: 30;  }

Подключение не стандартных шрифтов -
http://forum.storela...фты/#entry38399
http://forum.storela...фты/#entry74267

2) Подобные вопросы рассматривались в темах -
http://forum.storela...ить-видео-клип/
http://forum.storela...новка-jwplayer/

3) Уточните где у Вас должна быть реклама?

4) Вертикальное, горизонтальное, ссылки на категории каталога или страницы?

5) У Вас не загружено изображение slide2.jpg.

#3 nail

nail

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

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

Отправлено 31 Декабрь 2013 - 16:57

Здравствуйте! Помогите мне тоже. У меня шаблон пластик.

1. Как удалить сверху "контакты для связи" вместе с полоской сверху, хочу контакты в самой шапке прописать.
2. Как гор. меню поставить в самый верх и посередине, и какие цифры в коде отвечают за расположение гор.меню.
3. Как панель "поиск" сделать в виде небольшого прямоугольника и расположить с краю справа в шапке, и какие цифры в коде отвечают за данное расположение панели поиска.
4. Как "корзину" сделать в виде небольшого прямоугольника и расположить с краю справа в шапке под панелью поиска, и какие цифры в коде отвечают за данное расположение "корзины".

Заранее благодарен!

#4 Keks

Keks

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

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

Отправлено 02 Январь 2014 - 03:13

а как сделать чтобы при наведении курсора на фото картинка увеличивалась, но оставалась в установленных рамках? как тут http://spozone.store...-Vkus-shokolada

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

  • 00.jpg


#5 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 02 Январь 2014 - 11:32

Просмотр сообщенияnail (31 Декабрь 2013 - 16:57) писал:

Здравствуйте! Помогите мне тоже. У меня шаблон пластик.

1. Как удалить сверху "контакты для связи" вместе с полоской сверху, хочу контакты в самой шапке прописать.
2. Как гор. меню поставить в самый верх и посередине, и какие цифры в коде отвечают за расположение гор.меню.
3. Как панель "поиск" сделать в виде небольшого прямоугольника и расположить с краю справа в шапке, и какие цифры в коде отвечают за данное расположение панели поиска.
4. Как "корзину" сделать в виде небольшого прямоугольника и расположить с краю справа в шапке под панелью поиска, и какие цифры в коде отвечают за данное расположение "корзины".

Заранее благодарен!

1.найдите данный блок кода в шаблоне HTML
<div class="rght">
			<ul style="height:60px;">
			  <li class="title">Контакты для связи:</li>
			  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="telephone padd">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</li>{% ENDIF %}
			  {% IF SETTINGS_STORE_SKYPE %}<li class="skype padd">{SETTINGS_STORE_SKYPE}</li>{% ENDIF %}

Замените ее на
<div class="rght">
			<ul style="height:60px;">
			  <li class="title"></li>
			  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="telephone padd">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</li>{% ENDIF %}
			  {% IF SETTINGS_STORE_SKYPE %}<li class="skype padd">{SETTINGS_STORE_SKYPE}</li>{% ENDIF %}

далее найдите данный код в шаблоне main.css:
#header .blocks .rght { float:left; margin:0 0 0 0; background:url({ASSETS_IMAGES_PATH}haeder-bg.png) top right no-repeat; width:358px; height:110px;  }
замените его на
#header .blocks .rght { float:left; margin:0 0 0 0; top right no-repeat; width:358px; height:110px;  }

далее найдите код:
  #header .blocks .cntr { float:left; background:url({ASSETS_IMAGES_PATH}haeder-bgx.png) repeat-x; width:628px; height:20px; }
замените на
  #header .blocks .cntr { float:left; repeat-x; width:628px; height:20px; }

2.В файле main.css найдите данный блок кода:
#panelsite div.centercol .menuheader { width:800px; height:24px; overflow:hidden; margin:15px 0 0 0;  }
замените его на
#panelsite div.centercol .menuheader { width:800px; height:24px; overflow:hidden; margin:15px 0 0 0; position:absolute; top:13px;}
За отступ сверху отвечает значение top:13px; , вы таже можете добавить отступ слева , добавив туда тэг left:1px ;  

3. Найдите данный блок кода в main.css:
  #panelsite div.centercol .search input.text { float:left; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) 0px -10px no-repeat; font:italic 12px Verdana, Geneva, sans-serif; color:#b7b7b7; width:546px; height:30px; padding:0 5px 0 131px; line-height:30px; cursor:default;  }

замените его на:
  #panelsite div.centercol .search input.text { float:left; font:italic 12px Verdana, Geneva, sans-serif; color:#b7b7b7; width: 60px; height:30px; padding:0 5px 0 131px; line-height:30px; cursor:default; }

далее найдите блок кода:
#panelsite div.centercol .search { float:left; margin:11px 0 0 0px; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) no-repeat; width:749px; height:41px; padding:10px 0 0 0px;}
и замените его на
#panelsite div.centercol .search { float:left; margin:11px 0 0 0px; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) no-repeat; width: 255px; height:41px; padding:10px 0 0 0px; position: absolute; top: 140px; right: 450px;}


аналогичная ситуация про расположение, только добавлен отступ от правого края.

4. Найдите данный блок кода:
#panelsite div.rightcol { background:url({ASSETS_IMAGES_PATH}panel-bg.png) -12px 0 no-repeat; width:241px; font:normal 14px Verdana, Geneva, sans-serif; color:#686868;  } 
замените его на:
#panelsite div.rightcol { width: 244px; font:normal 14px Verdana, Geneva, sans-serif; color:#686868;  position: absolute; top: 202px; right: 451px;} 


#6 nail

nail

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

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

Отправлено 03 Январь 2014 - 18:29

Благодарю за ответ #5. Во всём разобрался. Можно ещё спросить? См. изображение.

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

  • Изображение.JPG


#7 support 2.0

support 2.0

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

  • Модераторы
  • 4 901 сообщений

Отправлено 03 Январь 2014 - 20:46

Просмотр сообщенияnail (03 Январь 2014 - 18:29) писал:

Благодарю за ответ #5. Во всём разобрался. Можно ещё спросить? См. изображение.
Найдите в шаблоне HTML блок
<div class="search">
		 <form action="http://{NET_DOMAIN}/search" id="searchform" method="get">
			 <div>
			 <input type="text" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" id="s" class="text" name="q" />
			 <input type="image" class="button" src="{ASSETS_IMAGES_PATH}spacer.gif" />
			 </div>
		 </form>
	 </div>
удалите его из того места и поставьте его ПЕРЕД
</div>
<!-- Шапка сайта-Конец -->

теперь в main.css найдите
#panelsite div.centercol .search { float:left; margin:11px 0 0 0px; background:url({ASSETS_IMAGES_PATH}) no-repeat; width: 255px; height:41px; padding:10px 0 0 0px; position: absolute; top: 30px; right: 10px;}
	 #panelsite div.centercol .search input.text { float:left; font:italic 12px Verdana, Geneva, sans-serif; color:#b7b7b7; width: 60px; height:30px; padding:0 5px 0 131px; line-height:30px; cursor:default; }
	 #panelsite div.centercol .search input.button { float:left; background:url({ASSETS_IMAGES_PATH}) -682px -10px no-repeat; width:59px; height:30px; }
	 #panelsite div.centercol .search input.button:hover { background:url({ASSETS_IMAGES_PATH}) -749px -10px no-repeat; }
замените на
#header .search { float:left; margin: 11px 20px 0px 145px; background: url({ASSETS_IMAGES_PATH}) no-repeat; width:749px; height:41px; padding:10px 0 0 0px;}
	 #header .search input.text { float:left; background: url({ASSETS_IMAGES_PATH}) 0px 0px no-repeat; font:italic 12px Verdana, Geneva, sans-serif; color:#b7b7b7; width: 546px; height: 30px; padding: 0px 5px 0px 5px; line-height:30px; cursor:default; margin-top: -10px;}
	 #header .search input.button { float:left; background: url({ASSETS_IMAGES_PATH}) -682px -10px no-repeat; width:59px; height:30px; }
	 #header .search input.button:hover { background:url({ASSETS_IMAGES_PATH}searchbg.jpg) -749px -10px no-repeat; }
осталось загрузить прикрепленный файл

в шаблоне HTMl найдите блок
<div class="rightcol cartInfo">
	 <a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}cart.jpg" alt="{SETTINGS_STORE_NAME}" title="Оформить заказ в {SETTINGS_STORE_NAME}" /></a>
	 <ul onclick="document.location='{CART_URL}';">
		 {% IF cart_count_empty %}
		 <li class="default off">Товаров на:</li>
		 <li class="money cartSum">0 {CURRENCY_NAME}</li>
		 {% ELSE %}
		 {% FOR cart_sum %}
			 <li class="default">Товаров на:</li>
			 <li class="hover">Заказать на:</li>
			 <li class="money cartSum">{cart_sum.NOW_WITH_DISCOUNT | money_format}</li>
		 {% ENDFOR %}
		 {% ENDIF %}
	 </ul>
	 </div>
удалите его и ПЕРЕД
</div>
<!-- Шапка сайта-Конец -->
вставьте этот блок
<div class="rightcol cartInfo">
	 <a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}cart.jpg" alt="{SETTINGS_STORE_NAME}" title="Оформить заказ в {SETTINGS_STORE_NAME}" /></a>
	 <ul onclick="document.location='{CART_URL}';">
		 {% IF cart_count_empty %}
		 <li class="default off">Товаров на:</li>
		 <li class="money cartSum">0 {CURRENCY_NAME}</li>
		 {% ELSE %}
		 {% FOR cart_sum %}
			 <li class="default">Товаров на:</li>
			 <li class="hover">Заказать на:</li>
			 <li class="money cartSum">{cart_sum.NOW_WITH_DISCOUNT | money_format}</li>
		 {% ENDFOR %}
		 {% ENDIF %}
	 </ul>
	 </div>

в main.css найдите
#panelsite div.rightcol { width: 244px; font:normal 14px Verdana, Geneva, sans-serif; color:#686868; position: absolute; top: 70px; right: 1px;}
#panelsite div.rightcol a { font:normal 14px Verdana, Geneva, sans-serif; color:#686868; margin:5px 0 0 30px; float:left; display:block; width:48px; overflow:hidden; height:58px; padding:20px 0; text-decoration:none; }
	 #panelsite div.rightcol a img { float:left; }
	 #panelsite div.rightcol ul { margin:0 0 0 15px; float:left;padding:20px 0;cursor:pointer; }
	 #panelsite div.rightcol ul li { margin:5px 0 0 0; }
		 #panelsite div.rightcol ul:hover li.default { display:none; }
		 #panelsite div.rightcol ul:hover li.off { display:block; }
		 #panelsite div.rightcol ul li.hover { display:none; }
		 #panelsite div.rightcol ul:hover li.hover { display:block; color:#1e5d77; }
		 #panelsite div.rightcol ul li.money { font:normal 15px Verdana, Geneva, sans-serif; color:#383838; width:120px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
замените на
#header div.rightcol {width: 213px; font:normal 14px Verdana, Geneva, sans-serif; color:#686868; position: absolute; top: 70px; margin-left: 790px; }
#header div.rightcol a { font:normal 14px Verdana, Geneva, sans-serif; color:#686868; margin:5px 0 0 30px; float:left; display:block; width:48px; overflow:hidden; height:58px; padding:20px 0; text-decoration:none; }
	 #header div.rightcol a img { float:left; }
	 #header div.rightcol ul { margin:0 0 0 15px; float:left;padding:20px 0;cursor:pointer; }
	 #header div.rightcol ul li { margin:5px 0 0 0; }
		 #header div.rightcol ul:hover li.default { display:none; }
		 #header div.rightcol ul:hover li.off { display:block; }
		 #header div.rightcol ul li.hover { display:none; }
		 #header div.rightcol ul:hover li.hover { display:block; color:#1e5d77; }
		 #header div.rightcol ul li.money { font:normal 15px Verdana, Geneva, sans-serif; color:#383838; width:120px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
также в main.css найдите и удалите строчки
#panelsite div.centercol { background:url({ASSETS_IMAGES_PATH}) repeat-x; width:747px;: }
#panelsite div.leftcol { background:url({ASSETS_IMAGES_PATH}panel-bg.png) no-repeat; width:12px; }

далее найдите
/*Верхняя панель сайта*/
#panelsite { height:104px; width:100%; margin-top: 180px;}
замените на
/*Верхняя панель сайта*/
#panelsite { height:0px; width:100%; margin-top: 180px;}
замените строчку
panelsite div.centercol .menuheader { width:800px; height:24px; overflow:hidden; margin:15px 0 0 0; position:absolute; top:3px; left: 190px;}
на
panelsite div.centercol .menuheader { width:800px; height:24px; overflow:hidden; margin:15px 0 0 0; position:absolute; top:3px; margin-left: -10px;}
Поиск я поставила на свое усмотрение, если Вы все же хотите такой же как у Вас на скриншоте, его можно будет поставить, напишите только об этом.

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

  • search.jpg
  • ScreenShot 500.png


#8 Keks

Keks

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

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

Отправлено 07 Январь 2014 - 00:28

А мне ответите?)
у меня шаблон сияние

#9 Pimonov_Aleksey

Pimonov_Aleksey

    Новичок

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

Отправлено 07 Январь 2014 - 11:00

Доброго времени суток.

Сайт: http://spozone.storeland.ru/

1) Перенести лозунг в шапку удалось успешно.
2) Шрифты - скачал нужный шрифт, закачал через сайт в файлы, не понял как его активировать, чтобы только в шапке он активировался, а в теле сайта остался тем же. Вставил перед тегом head следующий код:
<style type="text/css">
         @font-face {
                 font-family: 'Lobster';
                 src: url('{ASSETS_IMAGES_PATH}http://st.storeland....Lobster.ttf.eot');
                 src: url('{ASSETS_IMAGES_PATH}http://st.storeland.....ttf.eot?#iefix') format('embedded-opentype'),
                         url('{ASSETS_IMAGES_PATH}http://st.storeland....obster.ttf.woff') format('woff'),
                         url('{ASSETS_IMAGES_PATH}http://st.storeland....Lobster.ttf.ttf') format('truetype'),
                         url('{ASSETS_IMAGES_PATH}http://st.storeland....g#cuprumregular') format('svg');
                 font-weight: normal;
                 font-style: normal;
         }
</style>
Однако ничего не изменилось, что сделал неправильно и что нужно изменить?
3) Вставка видеоплеера: почитал ветку форума о вставке различных плееров встраиваемых, но это немного не то, чего бы я хотел, возможно ли вставить кодом html с помощью ссылки "<iframe код видео с ютуба" форму видеоплеера в необходимое место сайта?
4) Реклама должна быть на главной после блоков наподобие "товары на главной странице" и на странице товара снизу от блока "рекомендуем ознакомится с ...." который также необходимо вставить на страничке товара.
5) Вертикальное меню наподобие каталог продукции после блока недавно просмотренные товары содержащее ссылки на другой сайт со статьями или на созданную страничку статьи в интернет-магазине.
6) Также возможно ли уменьшить размер картинок товаров с описанием, так чтобы была возможность вставки с правой стороны сайдбара?
7) Как изменить название блока "товары на главной" и при необходимости создать дополнительные блоки располагающиеся после блока "товары на главной"?
8) Как вставить в подвал модули статистики лайв интернета, яндекс метрики, гугла?
9) Как вставить на страничке товара модуль "поделиться в социальных сетях"?

Вот как то так.
Заранее благодарен.

#10 Vaccina

Vaccina

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

  • Модераторы
  • 21 932 сообщений

Отправлено 08 Январь 2014 - 06:29

2. Лучше перенесите код в шаблон style.css в самый вверх без <style></style>
3. У нас имеется тема по вставке самого кода от видео на youtube:
http://forum.storela...видео-о-товаре/
4.Необходимо рекламный блок вставлять в шаблонах HTML и Товар, в первом случае после:

<!-- /Список избранных товаров на главной -->
		 
		  <script type="text/javascript">
			$('.autumnshowcase_carousel')
		  </script>
		  </div>
во втором после:

</div>
  {% ENDIF %}
  <!-- END С этим товаром смотрят -->

5. пункты меню будете размешать в разделе Сайт - Меню или вы хотите вручную ссылки заносить через код?
6.размеры изображений вы можете изменить в разделе Настройки - Основные
7.В шаблоне HTML найдите и измените данную фразу и после товарного блока разместите необходимый блок.
8.счетчики вы можете вставить в разделе Настройки - Основные
9. В шаблоне Товар, где именно вы хотите его расположить?

Просмотр сообщенияKeks (02 Январь 2014 - 03:13) писал:

а как сделать чтобы при наведении курсора на фото картинка увеличивалась, но оставалась в установленных рамках? как тут http://spozone.store...-Vkus-shokolada

Подобная тема обсуждалась у нас на форуме, вы можете ознакомиться с ней перейдя по сл.ссылке:
http://forum.storela...едении-курсора/

#11 Pimonov_Aleksey

Pimonov_Aleksey

    Новичок

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

Отправлено 08 Январь 2014 - 09:03

Просмотр сообщенияVaccina (08 Январь 2014 - 06:29) писал:

2. Лучше перенесите код в шаблон style.css в самый вверх без <style></style>
3. У нас имеется тема по вставке самого кода от видео на youtube:
http://forum.storela...видео-о-товаре/
4.Необходимо рекламный блок вставлять в шаблонах HTML и Товар, в первом случае после:

<!-- /Список избранных товаров на главной -->
		
		 <script type="text/javascript">
		 $('.autumnshowcase_carousel')
		 </script>
		 </div>
во втором после:

</div>
{% ENDIF %}
<!-- END С этим товаром смотрят -->

5. пункты меню будете размешать в разделе Сайт - Меню или вы хотите вручную ссылки заносить через код?
6.размеры изображений вы можете изменить в разделе Настройки - Основные
7.В шаблоне HTML найдите и измените данную фразу и после товарного блока разместите необходимый блок.
8.счетчики вы можете вставить в разделе Настройки - Основные
9. В шаблоне Товар, где именно вы хотите его расположить?



Подобная тема обсуждалась у нас на форуме, вы можете ознакомиться с ней перейдя по сл.ссылке:
http://forum.storela...едении-курсора/
2. Вставил в шаблон style.css без начального и конечного тэга стайл, ничего не вышло, удалил двойной формат у шрифтов
type="text/css">
@font-face {
font-family: 'Lobster';
src: url('{ASSETS_IMAGES_PATH}http://st.storeland....Lobster.ttf.eot');
src: url('{ASSETS_IMAGES_PATH}http://st.storeland.....ttf.eot?#iefix') format('embedded-opentype'),
url('{ASSETS_IMAGES_PATH}http://st.storeland....obster.ttf.woff') format('woff'),
url('{ASSETS_IMAGES_PATH}http://st.storeland....Lobster.ttf.ttf') format('truetype'),
url('{ASSETS_IMAGES_PATH}http://st.storeland....g#cuprumregular') format('svg');
font-weight: normal;
font-style: normal;
}То есть ttf.eot., ttf.woff, ничего не вышло..
5. Создал дополнительное меню, как его отобразить на странице сайта и выбрать ему местоположение?
6. Размер картинок изменяется, но они остаются также растянуты на всю ширину сайта. Необходимо вставить блоки справа по аналогии блоков слева и баннеры.
7. С этим разобрался.
8. Добавлю после регистрации домена. Единственное сообщите где он расположиться.
9. Во вкладке описание, после самого описания товара. Также необходимо ниже после вкладок установить подобный блок как на главной, может просто скопировать код с html в шаблон товар с изменением названия блока ? =) Также скажите как активировать карусель?

Благодарю.

#12 Vaccina

Vaccina

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

  • Модераторы
  • 21 932 сообщений

Отправлено 09 Январь 2014 - 05:34

2.

Цитата

type="text/css">
это тоже необходимо удалить, пример кода подключения шрифтов:
@font-face {
font-family: 'Lobster';
src: url('http://st.storeland.net/2/917/361/Lobster.eot');
src: url('http://st.storeland.net/2/917/361/Lobster.eot?#iefix') format('embedded-opentype'),
url('http://st.storeland.net/2/917/361/Lobster.woff') format('woff'),
url('http://st.storeland.net/2/917/361/Lobster.ttf') format('truetype'),
url('http://st.storeland.net/2/917/361/Lobster.svg#lobster') format('svg');
}

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

5. В HTML после:

</span>
				 </p>
				 </li>
			 {% ENDFOR %}
			 </ul>
		 </div>
		 </div>
	 {% ENDIF %}
	 <!-- END Недавно просмотренные товары -->

попробуйте вставить сл.блок:

<div class="block2">
		 <div class="block-content">
		 <!-- Каталог товаров -->
		 <ul class="accordion">
	 {% FOR menu %}
			 {% FOR header123 %}
			 {% FOR links %}
			 <li class="">
				 <a href="{menu.header123.links.URL}">{menu.header123.links.NAME}</a>
			 </li>
{%ENDFOR%}
	 {%ENDFOR%}
	 {%ENDFOR%}
		 </ul>
		 <!-- /Каталог товаров -->
		 </div></div>

header123 это переменная вашего меню созданного, если она у вас иная, то замените.

6. можете указать пример желаемого?
8. в самом низу после "
Все права защищены
Powered by StoreLand"
9. Тогда необходимо вставить модель после сл.кода:

<!-- Полное SEO-описание -->
		 {% IF GOODS_SEO_DESCRIPTION_LARGE %}
		 <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description">
			 {GOODS_SEO_DESCRIPTION_LARGE}
		 </div>
		 {% ENDIF %}
		 <!-- END Полное SEO-описание -->

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

#13 Pimonov_Aleksey

Pimonov_Aleksey

    Новичок

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

Отправлено 10 Январь 2014 - 09:30

2) Сделал. Как выделить нужные элементы текста определенным шрифтом?
5) Меню создалось в нужном месте (левый сайтбар) но оно не отображает содержимое, то есть буквы цвета внешнего фона, при наводе мышкой образуется рука, кликабельна. Что сделать чтобы оно проявилось?
6) Пример правого сайтбара =) http://www.ozon.ru/
9) Карусель имелась ввиду не слайдер, а сам блок. Можно ли его сделать, чтобы товары со временем сами начали двигаться, вбить 10 штук товара можно легко. И не понял куда и какой код внести, искал указанный вами код, чтобы вставить вот это:
<div class="autumnshowcase_carousel" data-jcarousel="true" data-jcarouselautoscroll="true">
	 <ul>
				  {% FOR index_page_goods %}
					<li class="ajax_block_product item">
					  <a class="image_link" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_goods.NAME}">
						<img class="product_image" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_goods.NAME}">
					  </a>
					  <div class="product_details">
						<h5><a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}">{index_page_goods.NAME}</a></h5>
						<div class="price_container">
						  <span class="price">{index_page_goods.MIN_PRICE_NOW | money_format}</span>
						  {% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
							<span class="old-price">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
						  {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %}
							<span class="old-price">{index_page_goods.MIN_PRICE_OLD | money_format}</span>
						  {% ENDIF %} 
						</div>
					  </div>
					  <div class="rating">
						<!-- Среднее значение по результатам всех отзывов об этом товаре -->
						{% IF index_page_goods.OPINION_RATING_VALUE %}
						  <img src="{FORALL_IMAGES_PATH}stars/{index_page_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{index_page_goods.OPINION_RATING_VALUE}" />
						{% ENDIF %}
						{% IF index_page_goods.OPINION_RATING_CNT_ALL>0 %}
						  <a href="{index_page_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({index_page_goods.OPINION_RATING_CNT_ALL})</a>
						{% ELSE %}
						  <a href="{index_page_goods.URL | url_amp}?&amp;form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a>
						{% ENDIF %}
					  </div>
					  <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_goods.MIN_PRICE_NOW_ID}">
						<input type="hidden" name="hash" value="{HASH}" />
						<input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" />
						<input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" />
						<!--a class="exclusive" href="" onclick="$('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Оформить заказ">В корзину</a-->
						<a class="exclusive" href="#" onclick="quickorder('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстрый заказ">Быстрый заказ</a>
					  </form> 
					</li>
				  {% ENDFOR index_page_goods %}
	 </ul>
	 </div>
	 </div>
			{% ENDIF %}
			<!-- /Список товаров на главной -->

все верно? Не нашел не в HTML, не в товарах, не в товаре, вообщем сориентируйте пожалуйста.
Благодарю.

#14 Vaccina

Vaccina

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

  • Модераторы
  • 21 932 сообщений

Отправлено 21 Январь 2014 - 02:45

2. Укажите примерные текстовые блоки, которые вы хотите выделить своим шрифтом, чтобы я смогла на примере вам показать. Вообще в стили для определенного блока достаточно добавить font-family:Lobster;
5. проверьте пожалуйста индификатор нового меню, у вас прописано header123? при создании меню он указывается, если другой, то необходимо в коде заменить header123 на свой.
6 В шаблоне HTML найдите:

<div class="column two-third">
после него вставьте:

<div class="right_side">
тут добавляете баннеры или любую другую необходимую инфу
</div>

далее в style.css в самом низу добавьте:

.right_side{
float: right;
width: 200px;
}
9 Что-то окончательно запутали =) Выше я имела ввиду карусель с товарами, она автоматически листается, попробуйте просто больше товаров вбить.
На счет вставки модуля, в шаблоне Товар попробуйте найти по переменной:  {GOODS_SEO_DESCRIPTION_LARGE} по сути блок с сео описанием должен выглядеть как в примере выше

#15 Keks

Keks

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

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

Отправлено 08 Февраль 2014 - 15:51

Помогите, пожалуйста, съехала строка поиска( Пробовала менять значение в строке   padding-top: 21px; но даже 1px недостаточно
/*search*/
#search{
   float: right;
   height: 35px;
   margin-right: 60px;
   padding-right: 15px;
   padding-top: 21px;
   width: 260px;
} #search .search_box {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: medium none;
font: 14px Verdana,Geneva,sans-serif;
padding: 8px 0 0 14px;
text-transform: uppercase;
width: 180px;
}
#search .submit {
cursor: pointer;
height: 48px;
width: 48px;
}
/*search*/

Как поднять строку поиска в прямоугольник?
_vKG-bFqC28.jpg

#16 @lina_va

@lina_va

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

  • Модератоpы
  • 498 сообщений

Отправлено 08 Февраль 2014 - 15:58

Просмотр сообщенияKeks (08 Февраль 2014 - 15:51) писал:

Помогите, пожалуйста, съехала строка поиска( Пробовала менять значение в строке   padding-top: 21px; но даже 1px недостаточно
/*search*/
#search{
   float: right;
   height: 35px;
   margin-right: 60px;
   padding-right: 15px;
   padding-top: 21px;
   width: 260px;
} #search .search_box {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: medium none;
font: 14px Verdana,Geneva,sans-serif;
padding: 8px 0 0 14px;
text-transform: uppercase;
width: 180px;
}
#search .submit {
cursor: pointer;
height: 48px;
width: 48px;
}
/*search*/

Как поднять строку поиска в прямоугольник?
Прикрепленный файл _vKG-bFqC28.jpg
Добрый вечер.
Попробуйте в шаблоне html следующий код:
<!-- Поиск -->
	  <label>
	  <div id="search">
		<form action="http://{NET_DOMAIN}/search" id="searchform" method="get">
		  <div>
			<input type="text"  value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" id="s" class="search_box alignleft" name="q" />
			<input type="image" class="submit alignright" src="{ASSETS_IMAGES_PATH}search_but.gif" />
			<div class="clr"></div>
		  </div>
		</form>
	  </div>
	  <div class="clr"></div>
	  </label>
	  <!-- end Поиск -->
поставить после:
	 <!-- end Контакты -->


#17 Keks

Keks

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

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

Отправлено 09 Февраль 2014 - 04:59

Просмотр сообщения@lina_va (08 Февраль 2014 - 15:58) писал:

Добрый вечер.
Попробуйте в шаблоне html следующий код:
<!-- Поиск -->
	 <label>
	 <div id="search">
	 <form action="http://{NET_DOMAIN}/search" id="searchform" method="get">
		 <div>
		 <input type="text" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" id="s" class="search_box alignleft" name="q" />
		 <input type="image" class="submit alignright" src="{ASSETS_IMAGES_PATH}search_but.gif" />
		 <div class="clr"></div>
		 </div>
	 </form>
	 </div>
	 <div class="clr"></div>
	 </label>
	 <!-- end Поиск -->
поставить после:
	 <!-- end Контакты -->
Спасибо, всё встало на место)

#18 Pimonov_Aleksey

Pimonov_Aleksey

    Новичок

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

Отправлено 22 Февраль 2014 - 04:24

Просмотр сообщенияVaccina (21 Январь 2014 - 02:45) писал:

2. Укажите примерные текстовые блоки, которые вы хотите выделить своим шрифтом, чтобы я смогла на примере вам показать. Вообще в стили для определенного блока достаточно добавить font-family:Lobster;
5. проверьте пожалуйста индификатор нового меню, у вас прописано header123? при создании меню он указывается, если другой, то необходимо в коде заменить header123 на свой.
6 В шаблоне HTML найдите:

<div class="column two-third">
после него вставьте:

<div class="right_side">
тут добавляете баннеры или любую другую необходимую инфу
</div>

далее в style.css в самом низу добавьте:

.right_side{
float: right;
width: 200px;
}
9 Что-то окончательно запутали =) Выше я имела ввиду карусель с товарами, она автоматически листается, попробуйте просто больше товаров вбить.
На счет вставки модуля, в шаблоне Товар попробуйте найти по переменной:  {GOODS_SEO_DESCRIPTION_LARGE} по сути блок с сео описанием должен выглядеть как в примере выше
2) Пример текстового блока следующий: Сайт http://spozone.ru, текст: высокие результаты доступны каждому;
5) Подскажите где и как найти идентификатор меню;
6) Пока не устанавливал правый сайтбар, нет контента туда;
9) Все работает, просто вбил товар;
Также интересует следующее:
10) Как изменить значок сайта в строке браузера, чтобы вместо пустого места была картинка;
11) Как вставить баннеры партнеров на сайт в определенные места: 1 баннер на главной ниже текста: "
Спортивный портал SpoZone - Высокие технологии в мире спорта"

второй баннер после блока хиты продаж;
Также при наведении на картинки перестало происходить увеличение;

#19 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 22 Февраль 2014 - 06:25

Просмотр сообщенияPimonov_Aleksey (22 Февраль 2014 - 04:24) писал:

2) Пример текстового блока следующий: Сайт http://spozone.ru, текст: высокие результаты доступны каждому;
5) Подскажите где и как найти идентификатор меню;
6) Пока не устанавливал правый сайтбар, нет контента туда;
9) Все работает, просто вбил товар;
Также интересует следующее:
10) Как изменить значок сайта в строке браузера, чтобы вместо пустого места была картинка;
11) Как вставить баннеры партнеров на сайт в определенные места: 1 баннер на главной ниже текста: "
Спортивный портал SpoZone - Высокие технологии в мире спорта"

второй баннер после блока хиты продаж;
Также при наведении на картинки перестало происходить увеличение;

Здравствуйте,

2. Добавьте в style.css
#title {
font-size: 20px;
font-family: Arial;
color: #000;
}

font-size: 20px;  размер
font-family: Arial;  шрифт
color: #000;  цвет

5. Идентификатор меню вы можете найти в разделе Сайт - Меню
Верхнее {menu.header}
Выход на другие ссылки {menu.Vihod}
Нижнее {menu.footer}

10. Для изменения значка в строке браузера вам необходимо создать и загрузить на сайт favicon.ico

11. Баннеры на сайте
Баннер в нижней части, после хитов продаж
Редактируем шаблон HTML
Добавляем данный код после 351 строки <!-- /Список избранных товаров на главной -->

<div id="banner">
<a href="#"><img src="#"></a>
</div>

Добавляем стили в style.css
#banner {
margin-top: 30px;
position: relative;
height: 200px;
max-width: 930px;
}

Для того чтобы добавить баннер после текста на главной
Переходим в раздел Сайт - Страницы, редактируем страницу  "Спортивный портал SpoZone - Высокие технологии в мире спорта"
Нажимаем кнопку источник и добавляем следующий код
<div id="bannerbot">
<a href="#"><img src="#"></a>
</div>


Вместо # указывайте нужные ссылки на страницы и изображения баннеров.

#20 Keks

Keks

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

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

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

Просмотр сообщения@lina_va (08 Февраль 2014 - 15:58) писал:

Добрый вечер.
Попробуйте в шаблоне html следующий код:
<!-- Поиск -->
	 <label>
	 <div id="search">
	 <form action="http://{NET_DOMAIN}/search" id="searchform" method="get">
		 <div>
		 <input type="text" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" id="s" class="search_box alignleft" name="q" />
		 <input type="image" class="submit alignright" src="{ASSETS_IMAGES_PATH}search_but.gif" />
		 <div class="clr"></div>
		 </div>
	 </form>
	 </div>
	 <div class="clr"></div>
	 </label>
	 <!-- end Поиск -->
поставить после:
	 <!-- end Контакты -->
Помогите ещё раз, теперь у  меня продублировалась строка поиска, хотя я ничего не редактировала...
http://keksik-bijou.ru





Темы с аналогичным тегами Дизайн, переделка, исправления

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

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