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


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

Автор ilnarius, 27 сент. 2013 14:03

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

#141 Dars

Dars

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

  • Пользователи
  • PipPipPipPip
  • 1 410 сообщений

Отправлено 13 Сентябрь 2014 - 06:55

Просмотр сообщенияilnarius (12 Сентябрь 2014 - 22:52) писал:

Как можно сделать такую же бирку(выделена красным цветом), только с надписью "Отправка в течение 24 часов", под биркой (Товар на складе), а следующая бирка будет "Бесплатная доставка" Те:

Товар на складе

Отправка в течение 24 часов

Бесплатная доставка
В шаблоне "Товар" после строки:

<div class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Товар на складе</div>

добавьте код:

<div style="top:90px;" class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Отправка в течение 24 часов</div>
<div style="top:195px;" class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Бесплатная доставка</div>

#142 ilnarius

ilnarius

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

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

Отправлено 13 Сентябрь 2014 - 20:00

Просмотр сообщенияDars (13 Сентябрь 2014 - 06:55) писал:

В шаблоне "Товар" после строки:

<div class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Товар на складе</div>

добавьте код:

<div style="top:90px;" class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Отправка в течение 24 часов</div>
<div style="top:195px;" class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Бесплатная доставка</div>
СПасибо.
Как реализовать прокрутку маленьких изображений товара на странице товара?
Т.е.: все маленькие изображения товара под большим изображением в один ряд, а чтобы можно было прокручивать, сделать две кнопки по бокам

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

  • x_36807d3e - копия (1).jpg

#143 Сake

Сake

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

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

Отправлено 16 Сентябрь 2014 - 05:57

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

.preview_images {
  max-width: 100%;
  overflow-x: auto;
  white-space: nowrap;
}
.preview_images > li {
  display: inline-block;
  float: none !important;
}

#144 ilnarius

ilnarius

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

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

Отправлено 16 Сентябрь 2014 - 18:14

Просмотр сообщенияСake (16 Сентябрь 2014 - 05:57) писал:

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

.preview_images {
max-width: 100%;
overflow-x: auto;
white-space: nowrap;
}
.preview_images > li {
display: inline-block;
float: none !important;
}
спасибо

#145 ilnarius

ilnarius

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

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

Отправлено 16 Сентябрь 2014 - 21:49

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

#146 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 16 Сентябрь 2014 - 22:39

Просмотр сообщенияilnarius (16 Сентябрь 2014 - 21:49) писал:

На главной странице сайта есть ленты с новинками, хитами продаж. Как сузить эти ленты и поменять шрифты?
Здравствуйте.
Зайдите в style.css.
Найдите код
section.newsletter {
background: #2B587A;
margin: 1em 0;
padding: 1em 2.5em;
height: 0.7em;
width: 98%;
left: -2%;
font: normal 16px 'Lobster';
color: #fff;
}
Замените на
section.newsletter {
background: #2B587A;
margin: 1em 0;
height: 30px;
width: 98%;
left: -2%;
font: normal 16px 'Lobster';
color: #fff;
}
Так же найдите
section.newsletter:before {
border-top: 1.75em solid transparent;
border-bottom: 1.75em solid transparent;
border-right: 1.75em solid #f6f6f4;
right: 0;
}
И замените на
section.newsletter:before {
border-top: 1.05em solid transparent;
border-bottom: 1.05em solid transparent;
border-right: 1.05em solid #f6f6f4;
right: 0;
}
Найдите
section.newsletter:after {
border-top: 1.75em solid transparent;
border-bottom: 1.75em solid transparent;
border-left: 1.75em solid #f6f6f4;
left: 0;
}
Замените на
section.newsletter:after {
border-top: 1.05em solid transparent;
border-bottom: 1.05em solid transparent;
border-left: 1.05em solid #f6f6f4;
left: 0;
}
Найдите
section.newsletter h3 {
color: #fff;
float: left;
line-height: 1;
margin-right: 1em;
}
Замените на
section.newsletter h3 {
color: #fff;
float: left;
line-height: 1;
margin-right: 1em;
margin-top: 6px;
}
Найдите
section.newsletter h3 b {
font-size: 1.13em;
}
Замените на
section.newsletter h3 b {
font-size: 1em;
}

#147 ilnarius

ilnarius

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

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

Отправлено 17 Сентябрь 2014 - 14:37

Просмотр сообщенияDanil (16 Сентябрь 2014 - 22:39) писал:

Здравствуйте.
Зайдите в style.css.
Найдите код
section.newsletter {
background: #2B587A;
margin: 1em 0;
padding: 1em 2.5em;
height: 0.7em;
width: 98%;
left: -2%;
font: normal 16px 'Lobster';
color: #fff;
}
Замените на
section.newsletter {
background: #2B587A;
margin: 1em 0;
height: 30px;
width: 98%;
left: -2%;
font: normal 16px 'Lobster';
color: #fff;
}
Так же найдите
section.newsletter:before {
border-top: 1.75em solid transparent;
border-bottom: 1.75em solid transparent;
border-right: 1.75em solid #f6f6f4;
right: 0;
}
И замените на
section.newsletter:before {
border-top: 1.05em solid transparent;
border-bottom: 1.05em solid transparent;
border-right: 1.05em solid #f6f6f4;
right: 0;
}
Найдите
section.newsletter:after {
border-top: 1.75em solid transparent;
border-bottom: 1.75em solid transparent;
border-left: 1.75em solid #f6f6f4;
left: 0;
}
Замените на
section.newsletter:after {
border-top: 1.05em solid transparent;
border-bottom: 1.05em solid transparent;
border-left: 1.05em solid #f6f6f4;
left: 0;
}
Найдите
section.newsletter h3 {
color: #fff;
float: left;
line-height: 1;
margin-right: 1em;
}
Замените на
section.newsletter h3 {
color: #fff;
float: left;
line-height: 1;
margin-right: 1em;
margin-top: 6px;
}
Найдите
section.newsletter h3 b {
font-size: 1.13em;
}
Замените на
section.newsletter h3 b {
font-size: 1em;
}
Спасибо, как изменить шрифты на Verdana слов "Новинки" и "Хиты продаж"

#148 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 17 Сентябрь 2014 - 14:40

Просмотр сообщенияilnarius (17 Сентябрь 2014 - 14:37) писал:

Спасибо, как изменить шрифты на Verdana слов "Новинки" и "Хиты продаж"
Здравствуйте.
меняется в style.css
section.newsletter {
background: #2B587A;
margin: 1em 0;
height: 30px;
width: 98%;
left: -2%;
font: normal 16px 'Lobster';
color: #fff;
}
меняйте значение font: normal 16px 'Lobster'; свой вид шрифта впишите вместо Lobster, размер меняется с помощью 16px

#149 ilnarius

ilnarius

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

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

Отправлено 17 Сентябрь 2014 - 15:22

Просмотр сообщенияbatta (17 Сентябрь 2014 - 14:40) писал:

Здравствуйте.
меняется в style.css
section.newsletter {
background: #2B587A;
margin: 1em 0;
height: 30px;
width: 98%;
left: -2%;
font: normal 16px 'Lobster';
color: #fff;
}
меняйте значение font: normal 16px 'Lobster'; свой вид шрифта впишите вместо Lobster, размер меняется с помощью 16px
Спасибо, не нашел где меняется цвет шрифта?

#150 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 17 Сентябрь 2014 - 15:24

Просмотр сообщенияilnarius (17 Сентябрь 2014 - 15:22) писал:

Спасибо, не нашел где меняется цвет шрифта?
Здравствуйте.
Изменяйте значение color(цвет)

#151 ilnarius

ilnarius

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

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

Отправлено 17 Сентябрь 2014 - 16:14

Просмотр сообщенияDanil (17 Сентябрь 2014 - 15:24) писал:

Здравствуйте.
Изменяйте значение color(цвет)
Пробовал, не меняется

#152 Dars

Dars

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

  • Пользователи
  • PipPipPipPip
  • 1 410 сообщений

Отправлено 17 Сентябрь 2014 - 16:21

Просмотр сообщенияilnarius (17 Сентябрь 2014 - 16:14) писал:

Пробовал, не меняется
В style.css найдите код:

section.newsletter h3 {
color: #fff;
float: left;
line-height: 1;
margin-right: 1em;
margin-top: 6px;
}

и изменяйте параметр fff.

#153 ilnarius

ilnarius

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

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

Отправлено 17 Сентябрь 2014 - 19:36

Просмотр сообщенияDars (17 Сентябрь 2014 - 16:21) писал:

В style.css найдите код:

section.newsletter h3 {
color: #fff;
float: left;
line-height: 1;
margin-right: 1em;
margin-top: 6px;
}

и изменяйте параметр fff.
Не выходит

#154 Dars

Dars

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

  • Пользователи
  • PipPipPipPip
  • 1 410 сообщений

Отправлено 17 Сентябрь 2014 - 20:02

Просмотр сообщенияilnarius (17 Сентябрь 2014 - 19:36) писал:

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

#155 ilnarius

ilnarius

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

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

Отправлено 17 Сентябрь 2014 - 20:11

Просмотр сообщенияDars (17 Сентябрь 2014 - 20:02) писал:

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

#156 ilnarius

ilnarius

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

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

Отправлено 22 Сентябрь 2014 - 08:33

Как поместить под поисковую форму поисковые запросы?

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

  • x_36807d3e - копия (1).jpg

#157 Alekseys

Alekseys

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

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

Отправлено 22 Сентябрь 2014 - 13:07

Просмотр сообщенияilnarius (22 Сентябрь 2014 - 08:33) писал:

Как поместить под поисковую форму поисковые запросы?
Здравствуйте. В HTML после
<!-- Форма поиска -->
	 <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="Поиск" />
добавьте нужное количество необходимых запросов вида
<a href="http://myebuy.ru/user/login" title="Вход в личный кабинет покупателя" class="searching"><strong>Войти в ЛК</strong></a>
<a href="http://myebuy.ru/user/login" title="Вход в личный кабинет покупателя" class="searching"><strong>Войти в ЛК</strong></a>
<a href="http://myebuy.ru/user/login" title="Вход в личный кабинет покупателя" class="searching"><strong>Войти в ЛК</strong></a>
заменив на нужное название ( Войти в ЛК ), всплывающую подсказку ( Вход в личный кабинет покупателя ) и путь ( http://myebuy.ru/user/login ), после чего в style.css добавьте
.searching {
float: left;
margin: 35px 5px 0px 5px;
}

#158 ilnarius

ilnarius

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

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

Отправлено 22 Сентябрь 2014 - 14:16

Просмотр сообщенияAlekseys (22 Сентябрь 2014 - 13:07) писал:

Здравствуйте. В HTML после
<!-- Форма поиска -->
	 <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="Поиск" />
добавьте нужное количество необходимых запросов вида
<a href="http://myebuy.ru/user/login" title="Вход в личный кабинет покупателя" class="searching"><strong>Войти в ЛК</strong></a>
<a href="http://myebuy.ru/user/login" title="Вход в личный кабинет покупателя" class="searching"><strong>Войти в ЛК</strong></a>
<a href="http://myebuy.ru/user/login" title="Вход в личный кабинет покупателя" class="searching"><strong>Войти в ЛК</strong></a>
заменив на нужное название ( Войти в ЛК ), всплывающую подсказку ( Вход в личный кабинет покупателя ) и путь ( http://myebuy.ru/user/login ), после чего в style.css добавьте
.searching {
float: left;
margin: 35px 5px 0px 5px;
}

Поисковые запросы не выводятся, ничего не происходит.

#159 Alekseys

Alekseys

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

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

Отправлено 22 Сентябрь 2014 - 15:06

Просмотр сообщенияilnarius (22 Сентябрь 2014 - 14:16) писал:

Поисковые запросы не выводятся, ничего не происходит.

Просмотр сообщенияAlekseys (22 Сентябрь 2014 - 13:07) писал:

в style.css добавьте
.searching {
float: left;
margin: 35px 5px 0px 5px;
}

после чего
header[role="banner"] {
position: relative;
height: 4.5em;
overflow: hidden;
z-index: 10;
}
замените на
header[role="banner"] {
position: relative;
height: 5.5em;
overflow: hidden;
z-index: 10;
}

#160 ilnarius

ilnarius

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

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

Отправлено 22 Сентябрь 2014 - 21:54

Просмотр сообщенияAlekseys (22 Сентябрь 2014 - 15:06) писал:

после чего
header[role="banner"] {
position: relative;
height: 4.5em;
overflow: hidden;
z-index: 10;
}
замените на
header[role="banner"] {
position: relative;
height: 5.5em;
overflow: hidden;
z-index: 10;
}
Спасибо, все получилось
Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Вечность
  5. → Изменение общей стилистики
  6. Privacy Policy