Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

1

Изменение Дизайна И Страниц Шаблона

Автор Maxnina, 21 апр. 2013 18:07

Вперед

Авторизуйтесь для ответа в теме

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

#62 Maxnina

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

Пользователи
100 сообщений

ГородОренбург

Отправлено 01 Май 2013 - 15:42

Сake (01 Май 2013 - 03:05) писал:

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

.nav li li a {
background: none repeat scroll 0 0 #3F6A6A;
color: #E3E3E3;
display: block;
top: 0;
}

и замените на

.nav li li a {
background: none repeat scroll 0 0 #3F6A6A;
color: #E3E3E3;
display: block;
font-style: italic;
font-weight: bold;
text-transform: capitalize;
top: 0;
}

Спасибо Вам большое !

Скажите пожалуйста, я спрашивал про сопутствующий товар. Заменил код и теперь сопутка выглядит как на скриншоте.
Скажите, как сделать её по 6 штук столбиком ? Или штук по 9 ?

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

Наверх

#63 Maxnina

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

Пользователи
100 сообщений

ГородОренбург

Отправлено 01 Май 2013 - 20:02

Скажите пожалуйста.

1 Как сделать кнопку " В корзину" расположить её рядом с кнопкой "Заказать" и поменять ей цвет.

2- Верхнее меню поменять цвет

3 - У нижнего меню(подвал) поменять цвет, а лучше сделать свою картинку.

4 - Помочь с сопутствующем товаром. " Темы выше"

5 и есть ли другая карусель на сайт. Может быть кто раскажет подробнее как поставить другой, не nyvo слайд.

:rolleyes:

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

Наверх

#64 Stasya

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

Модератоpы
4 007 сообщений

Отправлено 02 Май 2013 - 09:25

1.Данную кнопку Вам делать не обзательно, так как у нас вышло обновление шаблона Вечность. Вставьте к себе в шаблон Быстрый заказ код из приложенного документа.
2. В файле style.css найдите блок

.global {
background: #000;
padding: 10px;
}

изменяйте значение цвета в строке background: на то, которое Вам больше нравиться.
3. В том же файле найдите блок

footer {
clear: both;
background: #0f0f0f;
overflow: hidden;
padding: 1.5em 0;
color: #e6e4da;
width: 100%;
}

либо изменяйте цвет подвала в строке background:, либо( чтобы вставить картинку) замените ее на такую background: url({ASSETS_IMAGES_PATH}имя картинки) no-repeat;
4. Что именно с сопутствующими товарами у Вас не так?
5. На форуме еще обсуждалась установка rhino- слайдера.

Наверх

#65 Maxnina

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

Пользователи
100 сообщений

ГородОренбург

Отправлено 02 Май 2013 - 14:55

Stasya (02 Май 2013 - 09:25) писал:

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

4. Что именно с сопутствующими товарами у Вас не так?

К сожалению, Вы забыли прикрепить файл. А на счет сопутки, хотел узнать, как сделать её в динамические вкладки по 6-9 штук столбиком. сейчас отображается одной штукой.

Так же происходят странный вещи. В каталоге, теперь можно писать ( я так понимаю колличествой) Как это убрать ?

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

Наверх

#66 Stasya

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

Модератоpы
4 007 сообщений

Отправлено 02 Май 2013 - 16:20

Простите, вот файл.
В шаблоне Товар найдите строку

<div class="mycont2" style="width: 120px;">

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

<div class="mycont2" style="width: 590px;">

Теперь найдите строку

<ul class="mycarousel2 jcarousel-list jcarousel-list-horizontal" style="overflow: hidden; position: relative; top: 0px; margin: 0px; padding: 0px; left: 0px; width: 1300px;">

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

<ul class="mycarousel2 jcarousel-list jcarousel-list-horizontal" style="overflow: hidden; position: relative; top: 0px; margin: 0px; padding: 0px; left: 0px; width: 1600px;">

Затем в файле style.css найдите блок

.mycont, .mycont2 {
margin: 0 auto;
padding: 5px;
}

замените на

.mycont, .mycont2 {
padding: 5px;
margin-left: -94px;
}

Теперь найдите блок

.content ul li {
list-style: none;
border-bottom: 1px solid #d6dde0;
padding-top: 15px;
padding-bottom: 15px;
font-size: 13px;
}

замените на

.content ul li {
list-style: none;
border-bottom: 1px solid #d6dde0;
padding-top: 15px;
padding-bottom: 15px;
font-size: 13px;
padding-left: 10px;
}

и найдите блок

.mycarousel2 li {
width: 100px;
margin: 0 10px;
text-align: center;
}

и замените на

.mycarousel2 li {
width: 118px;
margin: 0 10px;
text-align: center;
}

В шаблоне Товары найдите строку

<input name="form[goods_mod_quantity]" class="quantity" maxlength="12" value="1" title="Количество">

и удалите ее либо закоментируйте

Прикрепленные файлы

быстрый заказ.doc 73,5К 195 Количество загрузок:

Наверх

#67 Maxnina

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

Пользователи
100 сообщений

ГородОренбург

Отправлено 02 Май 2013 - 19:47

Stasya (02 Май 2013 - 16:20) писал:

К сожалению с сопутствующими товарами не помогло. Может быть как то по другому сделать ?

Наверх

#68 Maxnina

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

Пользователи
100 сообщений

ГородОренбург

Отправлено 05 Май 2013 - 17:51

Уже сам разобрался

Наверх

#69 Maxnina

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

Пользователи
100 сообщений

ГородОренбург

Отправлено 10 Май 2013 - 19:21

Добрый всем вечер. Скажите пожалуйста, как от банера на главной сделать одну или две картинки ?

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

Наверх

#70 Stasya

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

Модератоpы
4 007 сообщений

Отправлено 11 Май 2013 - 11:15

Попробуйте после кода слайдера

  <!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
  <!-- Обёртка, указывающая стиль темы -->
  <div class="theme-default" style="padding:1em;display:none;">
	<!-- Непосредственный код слайдера -->
	<div id="slider">
	  <img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.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="" title="Пример картинки с заголовком" />
	  <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().parent().show();
	});
  </script>
  {% ENDIF %}

вставьте блок

<div style="foat:right;">
<img src="адрес картинки">
<img src="адрес картинки">
</div>

загрузите картинку к себе в файлы и вставьте адрес картинки.

Наверх

#71 Maxnina

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

Пользователи
100 сообщений

ГородОренбург

Отправлено 11 Май 2013 - 15:45

Stasya (11 Май 2013 - 11:15) писал:

Попробуйте после кода слайдера

<!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding:1em;display:none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
	 <img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.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="" title="Пример картинки с заголовком" />
	 <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().parent().show();
});
</script>
{% ENDIF %}

вставьте блок

<div style="foat:right;">
<img src="адрес картинки">
<img src="адрес картинки">
</div>

загрузите картинку к себе в файлы и вставьте адрес картинки.

К сожалению не то что хотел. Скажите, как их разместить рядом с баннером но по ПРАВОЙ стороне и сделать КЛИКАБЕЛЬНЫМИ.

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

Наверх

#72 support 2.0

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

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

Отправлено 11 Май 2013 - 16:06

Maxnina (11 Май 2013 - 15:45) писал:

К сожалению не то что хотел. Скажите, как их разместить рядом с баннером но по ПРАВОЙ стороне и сделать КЛИКАБЕЛЬНЫМИ.

измените код

<div style="foat:right;">
<img src="адрес картинки">
<img src="адрес картинки">
</div>

на

<div style="foat:right; margin-top: -365px;">
<img src="адрес картинки"> <br>
<img src="адрес картинки"> <br>
</div>

Наверх

#73 Maxnina

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

Пользователи
100 сообщений

ГородОренбург

Отправлено 11 Май 2013 - 16:20

support 2.0 (11 Май 2013 - 16:06) писал:

измените код

<div style="foat:right;">
<img src="адрес картинки">
<img src="адрес картинки">
</div>

на

<div style="foat:right; margin-top: -365px;">
<img src="адрес картинки"> <br>
<img src="адрес картинки"> <br>
</div>

Вот так получилось ((

Вот два примера, как хотелось бы это видеть и обязательно сделать их кликабельными.

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

Наверх

#74 Kamenstyle

Новичок

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

Отправлено 11 Май 2013 - 17:13

Здравствуйте!
Я новичок, поэтому прошу помощи!

Меня затронул вопрос с каруселью, и изменил так как подсказали автору темы.
Результатом доволен, но возникает вопрос, а как сделать чтобы карусель крутилась сама (автоматически; с небольшой скоростью (сразу вопрос - как изменять скорость и в какой строчке данный параметр))?

Заранее благодарен продвинутым и знающим!

Наверх

#75 support 2.0

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

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

Отправлено 11 Май 2013 - 19:39

Maxnina (11 Май 2013 - 16:20) писал:

Вот так получилось ((

Вот два примера, как хотелось бы это видеть и обязательно сделать их кликабельными.

измените

<div style="foat:right; margin-top: -365px;">
<img src="адрес картинки"> <br>
<img src="адрес картинки"> <br>
</div>

на

<div style="float:right; margin-top: -365px;">
<img src="адрес картинки"> <br>
<img src="адрес картинки"> <br>
</div>

Наверх

#76 Maxnina

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

Пользователи
100 сообщений

ГородОренбург

Отправлено 12 Май 2013 - 14:06

support 2.0 (11 Май 2013 - 19:39) писал:

Огромное Вам спасибо. Скажите пожалуйста, какой код дописать что бы они были кликабельными.

Наверх

#77 miyako

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

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

Отправлено 12 Май 2013 - 14:09

Maxnina (12 Май 2013 - 14:06) писал:

Огромное Вам спасибо. Скажите пожалуйста, какой код дописать что бы они были кликабельными.

Замените код:

<div style="float:right; margin-top: -365px;">
<img src="адрес картинки"> <br>
<img src="адрес картинки"> <br>
</div>

на такой:

<div style="float:right; margin-top: -365px;">
<a href="адрес страницы"> <img src="адрес картинки"> </a> <br>
<a href="адрес страницы"> <img src="адрес картинки"> </a>  <br>
</div>

Наверх

#78 Maxnina

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

Пользователи
100 сообщений

ГородОренбург

Отправлено 12 Май 2013 - 14:47

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

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

Наверх

#79 miyako

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

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

Отправлено 12 Май 2013 - 14:56

Maxnina (12 Май 2013 - 14:47) писал:

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

Найдите примерно такой код:

<!-- Форма поиска -->
	  <form action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;" role="search">
		<div>
		  <input class="search" name="q" type="search"  value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" />
		  <input title="Искать" type="submit" value="Поиск" />
		</div>
	  </form> 
	  <!-- /Форма поиска -->

в шаблоне HTML
и до него добавьте код:

<div style="
	position: absolute;
	right: 2em;
	top: 9em;
	font-size: 15px;
">Ваш слоган</div>

Наверх

#80 Maxnina

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

Пользователи
100 сообщений

ГородОренбург

Отправлено 16 Май 2013 - 17:20

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

Вопрос заключается в следующем:

На главной странице сайта, убрать баннер и картинки которые правее него. (В принципе могу сам). А вместо него поставить 3 баннера в ряд или два. Желательно посмотреть 2 варианта. И сделать их кликабельными и если возможно то сделать в автоматическом режиме смены картинок. Т.к. сейчас сайт с мобильного телефона или планшета открывается очень плохо (ужасно).
Хотелось бы его оптимизировать не только для монитора компьютера или ноутбука но и для мобильных устройст.
Помогите пожалуйста осуществить следующее. Файл-пример прикрепил к теме.

С уважением: Евгений.