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


Фон Размеры Идр


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

#41 ne_yana

ne_yana

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

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

Отправлено 02 Октябрь 2013 - 21:42

Просмотр сообщенияilnarius (02 Октябрь 2013 - 21:10) писал:

спасибо., где находятся коды для цвета корзины(увеличил и обозначил цифрами)

Добрый вечер, чтобы сменить 1-ый цвет в файле style.css найдите
.summary a:hover, .basket-info:hover .summary a {
background: #2B587A;
color: #2B587A;
}
и
.basket-summary {
background: #2B587A;
color: color: #d5d5d5;
display: none;
position: absolute;
z-index: 1000;
padding: 0 1em 1em;
right: 0;
width: 13.333em;
}
и измените свойство background в обоих случаях.

Для смены 2-го цвета найдите
.summary a:hover strong, .basket-info:hover .summary a strong {
background: #0f0f0f;
color: white;
}
и измените свойство background.

Чтобы изменить цвет 3, нужно найти
.basket-summary table th, .basket-summary table td {
background: #E9EDF1;
border: none;
color: #d5d5d5;
padding: 1em 0 0.5em;
}
и
element.style {
}
Matched CSS Rules
.basket-summary .num {
color: #d5d5d5;
}
и изменить свойства color.

#42 ilnarius

ilnarius

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородМосква

Отправлено 02 Октябрь 2013 - 22:05

Просмотр сообщенияne_yana (02 Октябрь 2013 - 21:42) писал:

Добрый вечер, чтобы сменить 1-ый цвет в файле style.css найдите
.summary a:hover, .basket-info:hover .summary a {
background: #2B587A;
color: #2B587A;
}
и
.basket-summary {
background: #2B587A;
color: color: #d5d5d5;
display: none;
position: absolute;
z-index: 1000;
padding: 0 1em 1em;
right: 0;
width: 13.333em;
}
и измените свойство background в обоих случаях.

Для смены 2-го цвета найдите
.summary a:hover strong, .basket-info:hover .summary a strong {
background: #0f0f0f;
color: white;
}
и измените свойство background.

Чтобы изменить цвет 3, нужно найти
.basket-summary table th, .basket-summary table td {
background: #E9EDF1;
border: none;
color: #d5d5d5;
padding: 1em 0 0.5em;
}
и
element.style {
}
Matched CSS Rules
.basket-summary .num {
color: #d5d5d5;
}
и изменить свойства color.
спасибо
1как сделать так, чтобы при наведении на корзину иконка корзины не исчезала, а кол-во товаров не показывалось?
и когда наводишь на корзину, выпадат "сумма заказа" и она перекрывает надпись "корзина" как сместить выпадающее окно ниже?
2как сделать так, чтобы значок доллара был перед ценой а не после?
3и есть ли возможность сменить значок доллара?

#43 Сake

Сake

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

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

Отправлено 03 Октябрь 2013 - 03:37

Цитата

1как сделать так, чтобы при наведении на корзину иконка корзины не исчезала, а кол-во товаров не показывалось?
и когда наводишь на корзину, выпадат "сумма заказа" и она перекрывает надпись "корзина" как сместить выпадающее окно ниже?

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

.summary a:hover strong, .basket-info:hover .summary a strong {
	background: #E9EDF1;
	color: #FFFFFF;
}

и замените на

.summary a:hover strong,
.basket-info:hover .summary a strong {
	color: #FFFFFF;
	text-indent: -99999px;
}

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

.basket-summary {
	background: #E9EDF1;
	display: none;
	padding: 0 1em 1em;
	position: absolute;
	right: 0;
	width: 13.333em;
	z-index: 1000;
}

и замените на

.basket-summary {
	background: #E9EDF1;
	display: none;
	padding: 0 1em 1em;
	position: absolute;
	right: 0;
	top: 10px;
	width: 13.333em;
	z-index: 1000;
}

Цитата

2как сделать так, чтобы значок доллара был перед ценой а не после?
3и есть ли возможность сменить значок доллара?

Данные настройки цены вы можете изменить в разделе Настройки -> Валюты. Для изменения положения значка измените порядок формата вывода валюты.

#44 ilnarius

ilnarius

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородМосква

Отправлено 03 Октябрь 2013 - 12:30

формат вывода валюты
%p %c
Например: %p %c (%p - цена, %c - название валюты)


что написать?

#45 ne_yana

ne_yana

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

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

Отправлено 03 Октябрь 2013 - 15:28

Просмотр сообщенияilnarius (03 Октябрь 2013 - 12:30) писал:

формат вывода валюты
%p %c
Например: %p %c (%p - цена, %c - название валюты)


что написать?

Добрый день, необходимо поменять их местами вот так:

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

  • price.png


#46 ilnarius

ilnarius

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородМосква

Отправлено 03 Октябрь 2013 - 16:47

Просмотр сообщенияne_yana (03 Октябрь 2013 - 15:28) писал:

Добрый день, необходимо поменять их местами вот так:
спасибо, как сделать значок доллара выделить жирным и сделать черного цвета? и как сделать его вот таким  $  а
как сделать большое изображение товара 400 на 400 пикселей? в настройках не меняется?

#47 ilnarius

ilnarius

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородМосква

Отправлено 03 Октябрь 2013 - 16:52

Просмотр сообщенияСake (03 Октябрь 2013 - 03:37) писал:

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

.summary a:hover strong, .basket-info:hover .summary a strong {
background: #E9EDF1;
color: #FFFFFF;
}

и замените на

.summary a:hover strong,
.basket-info:hover .summary a strong {
color: #FFFFFF;
text-indent: -99999px;
}

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

.basket-summary {
background: #E9EDF1;
display: none;
padding: 0 1em 1em;
position: absolute;
right: 0;
width: 13.333em;
z-index: 1000;
}

и замените на

.basket-summary {
background: #E9EDF1;
display: none;
padding: 0 1em 1em;
position: absolute;
right: 0;
top: 10px;
width: 13.333em;
z-index: 1000;
}



Данные настройки цены вы можете изменить в разделе Настройки -> Валюты. Для изменения положения значка измените порядок формата вывода валюты.


1как сделать так, чтобы при наведении на корзину иконка корзины не исчезала, а кол-во товаров не показывалось?
и когда наводишь на корзину, выпадат "сумма заказа" и она перекрывает надпись "корзина" как сместить выпадающее окно ниже?


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

.summary a:hover strong, .basket-info:hover .summary a strong {
        background: #E9EDF1;
        color: #FFFFFF;
}

и замените на

.summary a:hover strong,
.basket-info:hover .summary a strong {
        color: #FFFFFF;
        text-indent: -99999px;
}

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

.basket-summary {
        background: #E9EDF1;
        display: none;
        padding: 0 1em 1em;
        position: absolute;
        right: 0;
        width: 13.333em;
        z-index: 1000;
}

и замените на

.basket-summary {
        background: #E9EDF1;
        display: none;
        padding: 0 1em 1em;
        position: absolute;
        right: 0;
        top: 10px;
        width: 13.333em;
        z-index: 1000;
}
не помогает, вставляя
.basket-summary {
        background: #E9EDF1;
        display: none;
        padding: 0 1em 1em;
        position: absolute;
        right: 0;
        top: 10px;
        width: 13.333em;
        z-index: 100

сайт становится кривым

#48 ilnarius

ilnarius

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородМосква

Отправлено 03 Октябрь 2013 - 22:48

1. как организовать такую штуку как здесь? http://ocsnext.ebay.com/ocs/home?
2.
1)как убрать маленькую картинку, которая выходит при смене картинки в слайдере?
2) изменить серый фон
3) где изменяется шрифт, размер, и жирность букв
3. как сделать так, чтобы определенный слайдер показывался только в определенной категории товаров.?

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

  • м3 е92 или е91.jpg


#49 Сake

Сake

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

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

Отправлено 04 Октябрь 2013 - 02:21

Просмотр сообщенияilnarius (03 Октябрь 2013 - 16:52) писал:



1как сделать так, чтобы при наведении на корзину иконка корзины не исчезала, а кол-во товаров не показывалось?
и когда наводишь на корзину, выпадат "сумма заказа" и она перекрывает надпись "корзина" как сместить выпадающее окно ниже?


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

.summary a:hover strong, .basket-info:hover .summary a strong {
background: #E9EDF1;
color: #FFFFFF;
}

и замените на

.summary a:hover strong,
.basket-info:hover .summary a strong {
color: #FFFFFF;
text-indent: -99999px;
}

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

.basket-summary {
background: #E9EDF1;
display: none;
padding: 0 1em 1em;
position: absolute;
right: 0;
width: 13.333em;
z-index: 1000;
}

и замените на

.basket-summary {
background: #E9EDF1;
display: none;
padding: 0 1em 1em;
position: absolute;
right: 0;
top: 10px;
width: 13.333em;
z-index: 1000;
}
не помогает, вставляя
.basket-summary {
background: #E9EDF1;
display: none;
padding: 0 1em 1em;
position: absolute;
right: 0;
top: 10px;
width: 13.333em;
z-index: 100

сайт становится кривым

Пожалуйста, по подробнее опишите проблему. Из вашего примера похоже что вы вставили код css без закрытия тега }, так как после применения изменений которые были описаны ранее - проблем возникнуть не должно. Проверьте правильно ли вы вставляете/изменяете код.

Просмотр сообщенияilnarius (03 Октябрь 2013 - 22:48) писал:

1. как организовать такую штуку как здесь? http://ocsnext.ebay.com/ocs/home?
2.
1)как убрать маленькую картинку, которая выходит при смене картинки в слайдере?
2) изменить серый фон
3) где изменяется шрифт, размер, и жирность букв
3. как сделать так, чтобы определенный слайдер показывался только в определенной категории товаров.?

1. Не понятен ваш вопрос. Пожалуйста, подробнее опишите что именно вы хотите реализовать.

1) Добавьте в файл стилей style.css

.nivoSlider img {
	max-width: inherit;
}

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

.nav li li {
	background: #DDDDDD;
}
.nav li li a {
	background: #DDDDDD;
	color: #000000;
	display: block;
	top: 0;
	width: 130px;
}
.nav li li li {
  background: #E6E6E6;
}

и измените в них цвет заданный в свойстве background

3) Параметры шрифта вы можете изменить в файле стилей, а именно в классе

.nav a {
	color: #FFFFFF;
	padding: 10px 15px;
	text-transform: uppercase;
	z-index: 50;
}

задайте необходимые свойства, например

.nav a {
	color: #FFFFFF;
	padding: 10px 15px;
	text-transform: uppercase;
	z-index: 50;
	font-size: 11px;
}

3. Для этого можно использовать условие определения категории по имени. Найдите код вашего слайдера и замените код на образец вида

{% IF CATEGORY_NAME = Название категории %}
  код слайдера
{% ELSEIF CATEGORY_NAME = Название категории2 %}
  код слайдера
{% ELSE %}
  код слайдера по умолчанию
{% ENDIF %}

где "Название категории" в условии должно быть заменено на реальное имя категории в которой вы хотите отображать тот или иной слайдер.

Для изменения стиля знака $ добавьте в ваш файл стилей правило

.price span > span:first-of-type {
	font-size: 18px;
	font-weight: bold;
	color: red;
}


#50 ilnarius

ilnarius

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородМосква

Отправлено 04 Октябрь 2013 - 11:03

спасибо
проблема со слайдером. где то тут ошибка и слайдер не отображается в категории "электроника" вот код

#51 ilnarius

ilnarius

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородМосква

Отправлено 04 Октябрь 2013 - 11:48

1) как сделать так, чтобы названия категорий начинались с заглавной буквы, а не так чтобы все буквы были заглавными?
2) как при добавлении товара выбрать например цвет? допустим, часы двух цветов белый и черный покупатель хочет черные часы как он может выбрать? где это прописывается при добавлении товара?
3) и подскажите пожалуйста как уменьшить большое изображение товара? в настройках не получается нужно чтобы было 400 на 400 пикс
4) здесь http://ocsnext.ebay.com/ocs/home? я хотел бы реализовать такую же поддержку клиентов

#52 Stasya

Stasya

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

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

Отправлено 04 Октябрь 2013 - 12:49

1. Где именно Вы хотите изменить это?
2. Вам нужно добавить модификацию Цвет к этому товару и все его значения. Это Вы сможете сделать в раделе Товары-> Товары, к выбранному товару в его редактировании нажмите Добавить модификацию.
3. В файле style.css найдите блок
figure.main-image div img {
display: inline-block;
vertical-align: middle;
}
и замените его на
figure.main-image div img {
display: inline-block;
vertical-align: middle;
width: 400px;
height: 400px;
}
4. Вы можете сделать такую же страничку FAQ как реализовано на нашем главном сайте. Инструкцию Вы можете прочитать здесь.

#53 ilnarius

ilnarius

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородМосква

Отправлено 04 Октябрь 2013 - 13:42

Просмотр сообщенияStasya (04 Октябрь 2013 - 12:49) писал:

1. Где именно Вы хотите изменить это?
2. Вам нужно добавить модификацию Цвет к этому товару и все его значения. Это Вы сможете сделать в раделе Товары-> Товары, к выбранному товару в его редактировании нажмите Добавить модификацию.
3. В файле style.css найдите блок
figure.main-image div img {
display: inline-block;
vertical-align: middle;
}
и замените его на
figure.main-image div img {
display: inline-block;
vertical-align: middle;
width: 400px;
height: 400px;
}
4. Вы можете сделать такую же страничку FAQ как реализовано на нашем главном сайте. Инструкцию Вы можете прочитать здесь.
спасибо
не могли бы помочь вот с этим
проблема со слайдером. где то тут ошибка и слайдер не отображается в категории "электроника" вот код
Цитата

  {% IF CATEGORY_NAME = Электроника %}
  <!-- Nyvo слайдер который отображается на главной -->

{% IF index_page %}

<!-- Обёртка, указывающая стиль темы -->

<div class="theme-default" style="padding: 1em; display: none;">

<!-- Непосредственный код слайдера -->

<div id="slider">

<img src="http://storeland.ru/...der/slider.jpg" alt="" />

<a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a>

<img title="Пример картинки с заголовком" src="http://storeland.ru/...r/toystory.jpg" alt="" />

<img src="http://storeland.ru/...ider/walle.jpg" alt="" />

<img src="http://storeland.ru/...lider/cars.jpg" alt="" />

</div>
</div>

<!-- Запуск слайдера -->

<script type="text/javascript">

$(window).load(function() {

$('#slider').nivoSlider().parent().show(); });

</script>

{% ENDIF %}

{% ELSEIF CATEGORY_NAME = Название категории2 %}
  код слайдера
{% ELSE %}
  код слайдера по умолчанию
{% ENDIF %}

1. Где именно Вы хотите изменить это?
изменить во всех категориях , чтобы все слова начинались с заглавной, продолжались прописными

#54 Сake

Сake

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

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

Отправлено 05 Октябрь 2013 - 02:03

У вас внутри кода слайдера имеется дополнительное условие {% IF index_page %} которое необходимо удалить. Найдите код вашего слайдера

{% 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 title="Пример картинки с заголовком" 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().parent().show(); });
</script>
{% ENDIF %}

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

<!-- Обёртка, указывающая стиль темы -->
<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 title="Пример картинки с заголовком" 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().parent().show(); });
</script>


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

.nav a {
	color: #FFFFFF;
	font-size: 13px;
	padding: 10px 15px;
	text-transform: uppercase;
	z-index: 50;
}

и замените на

.nav a {
	color: #FFFFFF;
	font-size: 13px;
	padding: 10px 15px;
	z-index: 50;
}


#55 ilnarius

ilnarius

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородМосква

Отправлено 05 Октябрь 2013 - 21:30

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

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

  • м3 е92 или е91.jpg


#56 miyako

miyako

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

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

Отправлено 06 Октябрь 2013 - 08:48

Просмотр сообщенияilnarius (05 Октябрь 2013 - 21:30) писал:

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

Найдите код в шаблоне HTML -
  {% IF CATEGORY_NAME = Электроника %}
  <!-- Обёртка, указывающая стиль темы -->
<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 title="Пример картинки с заголовком" 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().parent().show(); });
</script>

{% ELSEIF CATEGORY_NAME = Сотовые телефоны %}
<!-- Обёртка, указывающая стиль темы -->
<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 title="Пример картинки с заголовком" 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().parent().show(); });
</script>

{% ELSEIF CATEGORY_NAME = Планшетные ПК %}
<!-- Обёртка, указывающая стиль темы -->
<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 title="Пример картинки с заголовком" 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().parent().show(); });
</script>

{% ELSEIF CATEGORY_NAME = Дом, сад, отдых %}
<!-- Обёртка, указывающая стиль темы -->
<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 title="Пример картинки с заголовком" 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().parent().show(); });
</script>

{% ELSEIF CATEGORY_NAME = Ювелирные изделия и часы %}
  <!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em; display: none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
<img src="http://design.myebuy.org/RU_RU_Accessories_MFBB_980x270_V1_9_26_2013_11_04_19_975.jpg?5641" alt="http://myebuy.org/catalog/Curren" />
<a href="/"><img src="" alt="" /></a>
<img title="Пример картинки с заголовком" src="" alt="" />
<img src="" alt="" />
<img src="" alt="" />
</div>
</div>
<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider().parent().show(); });
</script>

{% ELSEIF CATEGORY_NAME = Скидки дня %}
<!-- Обёртка, указывающая стиль темы -->
<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 title="Пример картинки с заголовком" 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().parent().show(); });
</script>

{% ELSEIF CATEGORY_NAME = Apple & Samsung %}
<!-- Обёртка, указывающая стиль темы -->
<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 title="Пример картинки с заголовком" 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().parent().show(); });
</script>
  <!-- Обёртка, указывающая стиль темы -->
<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 title="Пример картинки с заголовком" 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().parent().show(); });
</script>
{% ENDIF %}
и вырежьте его (сочетание ctrl +X)

Далее найдите в шаблоне Товары код -
<header>
	  <h1>{% IF CATEGORY_NAME=Каталог товаров %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}</h1>
	</header>
и вставьте код слайдера после этого кода.

2) Найдите код в nyvo.css -
.theme-default .nivo-controlNav {
text-align: center;
padding: 20px 0;
}
и замените на  -
.theme-default .nivo-controlNav {
text-align: center;
padding: 20px 0;
display:none;
}

Далее найдите код в nyvo.css -
.theme-default .nivoSlider {
position: relative;
background: #fff url({ASSETS_IMAGES_PATH}nyvo_loading.gif) no-repeat 50% 50%;
margin-bottom: 50px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}
и замените на  -
.theme-default .nivoSlider {
position: relative;
background: #fff url({ASSETS_IMAGES_PATH}nyvo_loading.gif) no-repeat 50% 50%;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}


#57 ilnarius

ilnarius

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородМосква

Отправлено 06 Октябрь 2013 - 16:49

Просмотр сообщенияmiyako (06 Октябрь 2013 - 08:48) писал:

Найдите код в шаблоне HTML -
{% IF CATEGORY_NAME = Электроника %}
<!-- Обёртка, указывающая стиль темы -->
<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 title="Пример картинки с заголовком" 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().parent().show(); });
</script>

{% ELSEIF CATEGORY_NAME = Сотовые телефоны %}
<!-- Обёртка, указывающая стиль темы -->
<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 title="Пример картинки с заголовком" 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().parent().show(); });
</script>

{% ELSEIF CATEGORY_NAME = Планшетные ПК %}
<!-- Обёртка, указывающая стиль темы -->
<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 title="Пример картинки с заголовком" 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().parent().show(); });
</script>

{% ELSEIF CATEGORY_NAME = Дом, сад, отдых %}
<!-- Обёртка, указывающая стиль темы -->
<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 title="Пример картинки с заголовком" 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().parent().show(); });
</script>

{% ELSEIF CATEGORY_NAME = Ювелирные изделия и часы %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em; display: none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
<img src="http://design.myebuy.org/RU_RU_Accessories_MFBB_980x270_V1_9_26_2013_11_04_19_975.jpg?5641" alt="http://myebuy.org/catalog/Curren" />
<a href="/"><img src="" alt="" /></a>
<img title="Пример картинки с заголовком" src="" alt="" />
<img src="" alt="" />
<img src="" alt="" />
</div>
</div>
<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider().parent().show(); });
</script>

{% ELSEIF CATEGORY_NAME = Скидки дня %}
<!-- Обёртка, указывающая стиль темы -->
<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 title="Пример картинки с заголовком" 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().parent().show(); });
</script>

{% ELSEIF CATEGORY_NAME = Apple & Samsung %}
<!-- Обёртка, указывающая стиль темы -->
<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 title="Пример картинки с заголовком" 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().parent().show(); });
</script>
<!-- Обёртка, указывающая стиль темы -->
<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 title="Пример картинки с заголовком" 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().parent().show(); });
</script>
{% ENDIF %}
и вырежьте его (сочетание ctrl +X)

Далее найдите в шаблоне Товары код -
<header>
	 <h1>{% IF CATEGORY_NAME=Каталог товаров %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}</h1>
</header>
и вставьте код слайдера после этого кода.

2) Найдите код в nyvo.css -
.theme-default .nivo-controlNav {
text-align: center;
padding: 20px 0;
}
и замените на  -
.theme-default .nivo-controlNav {
text-align: center;
padding: 20px 0;
display:none;
}

Далее найдите код в nyvo.css -
.theme-default .nivoSlider {
position: relative;
background: #fff url({ASSETS_IMAGES_PATH}nyvo_loading.gif) no-repeat 50% 50%;
margin-bottom: 50px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}
и замените на  -
.theme-default .nivoSlider {
position: relative;
background: #fff url({ASSETS_IMAGES_PATH}nyvo_loading.gif) no-repeat 50% 50%;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}
спасибо, как выполнить пункт 2 3 и 4?

#58 miyako

miyako

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

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

Отправлено 07 Октябрь 2013 - 08:59

2) Найдите в шаблоне Страница код -
<header>
	<h1>{PAGE_NAME}</h1>
  </header>
и замените на  -
{%IFNOT index_page%}
<header>
	<h1>{PAGE_NAME}</h1>
  </header>
{%ENDIF%}

далее найдите код в шаблоне HTML -
	<!-- /Каталог товаров -->
	<!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em; display: none;">
и замените его на  -
	<!-- /Каталог товаров -->
	<!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
  <header>
	<h1>{PAGE_NAME}</h1>
  </header>
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em; display: none;">

3) Используйте следующее свойство - {text-transform:uppercase;}
Сейчас у Вас кнопка поиска, заказать  - все заглавные буквы.

4) Уточните вопрос пожалуйста.

#59 ilnarius

ilnarius

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородМосква

Отправлено 07 Октябрь 2013 - 11:05

Просмотр сообщенияmiyako (07 Октябрь 2013 - 08:59) писал:

2) Найдите в шаблоне Страница код -
<header>
<h1>{PAGE_NAME}</h1>
</header>
и замените на  -
{%IFNOT index_page%}
<header>
<h1>{PAGE_NAME}</h1>
</header>
{%ENDIF%}

далее найдите код в шаблоне HTML -
<!-- /Каталог товаров -->
<!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em; display: none;">
и замените его на  -
<!-- /Каталог товаров -->
<!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
<header>
<h1>{PAGE_NAME}</h1>
</header>
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em; display: none;">

3) Используйте следующее свойство - {text-transform:uppercase;}
Сейчас у Вас кнопка поиска, заказать  - все заглавные буквы.

4) Уточните вопрос пожалуйста.
спасибо
не нашел где это делается

Цитата

3) Используйте следующее свойство - {text-transform:uppercase;}
Сейчас у Вас кнопка поиска, заказать  - все заглавные буквы.
Хочу чтобы вместо вариантов доставки просто вышла таблица, которую я составлю сам

#60 miyako

miyako

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

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

Отправлено 07 Октябрь 2013 - 12:41

Просмотр сообщенияilnarius (07 Октябрь 2013 - 11:05) писал:

спасибо не нашел где это делается Хочу чтобы вместо вариантов доставки просто вышла таблица, которую я составлю сам

Если Вы про карточку товара, то найдите в шаблоне Товар код -
<!-- Блок с информацией о доставке товара -->
		{% IFNOT goods_delivery_empty %}
		  <div id="content_3" class="content">
			<!-- Блок описания вариантов доставки -->
			<h3>Условия доставки</h3>
			{% FOR goods_delivery %}
			  <br /><h5 rel="{goods_delivery.ID}" class="goodsDataMainDeliveryItemHeader">Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5>
			  <div class="goodsDataMainDeliveryItem" >
				<p>{goods_delivery.DESC}</p>
				{% IF goods_delivery.rules_empty %}
				  Стоимость доставки: {goods_delivery.PRICE | money_format}
				{% ELSE %}
				  <div class="goodsDataMainDeliveryItemRules">
					<table>
					  <thead>
						<tr>
						  <td colspan="2"><h5>Стоимость доставки зависит от суммы заказа</h5></td>
						</tr>
						<tr>
						  <td>Для заказов больше</td>
						  <td>Стоимость доставки</td>
						</tr>
					  </thead>
					  <tbody class="num">
						{% FOR rules %}
						  <tr>
							<td><p><span>{goods_delivery.rules.SUM_MORE_PRICE | money_format}</span></p></td>
							<td>{goods_delivery.rules.PRICE | money_format}</td>
						  </tr>
						{% ENDFOR %}
						  <tr>
							<td><p><span>Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format}</span></p></td>
							<td>{goods_delivery.PRICE | money_format}</td>
						  </tr>
					  </tbody>
					</table>
				  </div>
				{% ENDIF %}
			  </div>
			{% ENDFOR %}
		  </div>
		{% ENDIF %}
		<!-- END Блок с информацией о доставке товара -->
и замените на  -
<!-- Блок с информацией о доставке товара -->
	  
		  <div id="content_3" class="content">
			<!-- Блок описания вариантов доставки -->
			<h3>Условия доставки</h3>
		   Вставьте Ваш код
		  </div>
		<!-- END Блок с информацией о доставке товара -->





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

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