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


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


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

#1 ilnarius

ilnarius

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

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

Отправлено 27 Сентябрь 2013 - 14:03

Добрый день, ответьте пожалуйста на вопросы
Как сделать уже шапку?
Поиск сместить вправо
Перекрасить фон(там где помечено красным)
И возможно ли создать доп меню слева?

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

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


#2 ilnarius

ilnarius

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

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

Отправлено 27 Сентябрь 2013 - 14:21

Как выровнять товары?
Как добавить запись к Беспл д-ка во всех товарах?
И вместо "оставить отзыв первым" указывать кол-во отзывов и есть ли возможность оценивать товар по пятибальной шакале? спасибо.

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

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


#3 shnafix

shnafix

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

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

Отправлено 27 Сентябрь 2013 - 14:27

Просмотр сообщенияilnarius (27 Сентябрь 2013 - 14:03) писал:

Добрый день, ответьте пожалуйста на вопросы
Как сделать уже шапку?
Поиск сместить вправо
Перекрасить фон(там где помечено красным)
И возможно ли создать доп меню слева?
1. Для того, чтобы сузить черную полосу в style.css найдите блок
.head ul {padding: 0;margin: 0 auto;height: 40px;}
и измените параметр в меньшую сторону
height: 40px;
2. В style.css найдите блок
form[role="search"] {position: absolute; right: 2em;top: 2.5em;}
и измените параметры,например
form[role="search"] {position: absolute; right: 38em;top: 4.5em;}
3. style.css найдите блоки
.global {background: #000;padding: 10px}
.nav {list-style: none;*zoom: 1;background:#000;z-index:30;position: relative;}
footer {clear: both;background: #0f0f0f;overflow: hidden;padding: 1.5em 0;color: #e6e4da;width: 100%;}
и замените везде
background:
на
background:red
4. В бэк-офисе Сайт->Меню Создать блок меню.
Затем в Редакторе шаблонов->HTML и вставьте блок
<ul class="head">
		  {% FOR menu %}
			{% FOR header %}
			  {% FOR links %}
			 <li>
				  <a href="{menu.header.links.URL}"  {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a>
				</li>
			 {% ENDFOR %}
			{% ENDFOR %}
		  {% ENDFOR %}
		  </ul>
, где вместо
header
везде будет имя переменной в шаблоне.

#4 shnafix

shnafix

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

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

Отправлено 27 Сентябрь 2013 - 15:02

Просмотр сообщенияilnarius (27 Сентябрь 2013 - 14:21) писал:

Как выровнять товары?
Как добавить запись к Беспл д-ка во всех товарах?
И вместо "оставить отзыв первым" указывать кол-во отзывов и есть ли возможность оценивать товар по пятибальной шакале? спасибо.
1. Данная тема рассматривалась, например, здесь.
2. Куда бы Вы хотели вставить эту запись, в раздел Доставка?
3. Вы хотите указывать количество отзывов, не указывая самих отзывов? При создании отзыва имеется десятибальная оценка товара.

#5 ilnarius

ilnarius

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

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

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

Просмотр сообщенияshnafix (27 Сентябрь 2013 - 15:02) писал:

1. Данная тема рассматривалась, например, здесь.
2. Куда бы Вы хотели вставить эту запись, в раздел Доставка?
3. Вы хотите указывать количество отзывов, не указывая самих отзывов? При создании отзыва имеется десятибальная оценка товара.
спасибо большое, за быстрый ответ еще
как поднять категории? и как поменять фон на свой выбранный цвет?
на счет надписи, я хочу, чтобы надпись отображалась на всех карточках товаров как на скриншоте+ эти же самые звездочки, по оценкам пользователей

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

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


#6 ilnarius

ilnarius

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

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

Отправлено 27 Сентябрь 2013 - 15:39

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

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

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


#7 Vaccina

Vaccina

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

  • Модераторы
  • 23 588 сообщений

Отправлено 28 Сентябрь 2013 - 02:19

Цитата

как поднять категории?

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

header[role="banner"] {
	min-height: 10em;
	overflow: hidden;
	position: relative;
	z-index: 10;
}

и замените на

header[role="banner"] {
	height: 50px;
	overflow: hidden;
	position: relative;
	z-index: 10;
}

Цитата

поменять фон на свой выбранный цвет

В файле стилей найдите

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

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

Цитата

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

По умолчанию в шаблоне "Товары" используется код

<div class="rating">
			  <!-- Среднее значение по результатам всех отзывов об этом товаре -->
			  {% IF goods.OPINION_RATING_VALUE %}
				<img src="{FORALL_IMAGES_PATH}stars/{goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{goods.OPINION_RATING_VALUE}" />
			  {% ENDIF %}
			 
			  {% IF goods.OPINION_RATING_CNT_ALL>0 %}
				<a href="{goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({goods.OPINION_RATING_CNT_ALL})</a>
			  {% ELSE %}
				<a href="{goods.URL | url_amp}?&amp;form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a>
			  {% ENDIF %}
			</div>

который находится непосредственно перед кнопкой <div class="buy-item"> данный код отображает количество отзывов и его рейтинг в виде звезд.

Цитата

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

Вы хотите переделать отображение товара в карточке товара - шаблон "Товар"? Данные изменения затруднительны, так как понадобиться полностью переделывать шаблон "Товар" учитывая что это адаптивный дизайн. Не совсем понятна целесообразность данных изменений.

#8 ilnarius

ilnarius

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

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

Отправлено 28 Сентябрь 2013 - 11:34

Просмотр сообщенияVaccina (28 Сентябрь 2013 - 02:19) писал:

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

header[role="banner"] {
min-height: 10em;
overflow: hidden;
position: relative;
z-index: 10;
}

и замените на

header[role="banner"] {
height: 50px;
overflow: hidden;
position: relative;
z-index: 10;
}



В файле стилей найдите

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

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



По умолчанию в шаблоне "Товары" используется код

<div class="rating">
			 <!-- Среднее значение по результатам всех отзывов об этом товаре -->
			 {% IF goods.OPINION_RATING_VALUE %}
			 <img src="{FORALL_IMAGES_PATH}stars/{goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{goods.OPINION_RATING_VALUE}" />
			 {% ENDIF %}
			
			 {% IF goods.OPINION_RATING_CNT_ALL>0 %}
			 <a href="{goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({goods.OPINION_RATING_CNT_ALL})</a>
			 {% ELSE %}
			 <a href="{goods.URL | url_amp}?&amp;form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a>
			 {% ENDIF %}
		 </div>

который находится непосредственно перед кнопкой <div class="buy-item"> данный код отображает количество отзывов и его рейтинг в виде звезд.



Вы хотите переделать отображение товара в карточке товара - шаблон "Товар"? Данные изменения затруднительны, так как понадобиться полностью переделывать шаблон "Товар" учитывая что это адаптивный дизайн. Не совсем понятна целесообразность данных изменений.
дело в том, что в каталогах например кнопка заказать отображается на разных уровнях.если затруднительно сделать мою задумку, тогда я просто бы хотел выровнять эту кнопку например вот так.

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

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


#9 miyako

miyako

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

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

Отправлено 28 Сентябрь 2013 - 11:39

Просмотр сообщенияilnarius (28 Сентябрь 2013 - 11:34) писал:

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

Найдите код в style.css -
.buy-item {
clear: both;
overflow: hidden;
margin-bottom: 1em;
}
и замените на -
.buy-item {
clear: both;
overflow: hidden;
margin-bottom: 1em;
position: absolute;
bottom: 0;
}


#10 ilnarius

ilnarius

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

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

Отправлено 28 Сентябрь 2013 - 11:41

где в стилях меняются цвета отмеченые цифрамы?

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

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


#11 miyako

miyako

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

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

Отправлено 28 Сентябрь 2013 - 12:22

Просмотр сообщенияilnarius (28 Сентябрь 2013 - 11:41) писал:

где в стилях меняются цвета отмеченые цифрамы?

1) Найдите код в style.css -
.nav {
list-style: none;
background: #000;
z-index: 30;
position: relative;
}
#000 замените на Ваш

2) Далее найдите код -
.global {
background: #000;
padding: 10px;
}
#000 замените на Ваш

3) Найдите код -
.bg {
background: #f6f6f4;
}
и #f6f6f4 замените на Ваш

4) Найдите код -
footer {
clear: both;
background: #0f0f0f;
overflow: hidden;
padding: 1.5em 0;
color: #e6e4da;
width: 100%;
}
#0f0f0f замените на Ваш

#12 ilnarius

ilnarius

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

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

Отправлено 28 Сентябрь 2013 - 12:24

Просмотр сообщенияmiyako (28 Сентябрь 2013 - 12:22) писал:

1) Найдите код в style.css -
.nav {
list-style: none;
background: #000;
z-index: 30;
position: relative;
}
#000 замените на Ваш

2) Далее найдите код -
.global {
background: #000;
padding: 10px;
}
#000 замените на Ваш

3) Найдите код -
.bg {
background: #f6f6f4;
}
и #f6f6f4 замените на Ваш

4) Найдите код -
footer {
clear: both;
background: #0f0f0f;
overflow: hidden;
padding: 1.5em 0;
color: #e6e4da;
width: 100%;
}
#0f0f0f замените на Ваш
спасибо

#13 ilnarius

ilnarius

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

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

Отправлено 28 Сентябрь 2013 - 13:53

1) где меняетсяя кнопка поиска?
2) Нужно измениь шрифт в каталоге
3) Изменить фон корзины

и как поменять шрифт в подвале?

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

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


#14 support 2.0

support 2.0

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

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

Отправлено 28 Сентябрь 2013 - 18:33

Просмотр сообщенияilnarius (28 Сентябрь 2013 - 13:53) писал:

1) где меняетсяя кнопка поиска?
2) Нужно измениь шрифт в каталоге
3) Изменить фон корзины

и как поменять шрифт в подвале?
1) если Вас интересует кнопка при наведении, то измените строчку
form[role="search"] input[type="submit"]:hover, input#search-submit:hover {background-color: #505050;}
#505050 - цвет кнопки поиск при наведении

2) строчку
.nav > li > .parent {background-image: url("http://stylewatch.storeland.net/downArrow.png");background-repeat: no-repeat;background-position: right;}
замените на
.nav > li > .parent {background-image: url("http://stylewatch.storeland.net/downArrow.png");background-repeat: no-repeat;background-position: right;font-family: vedana;}
вместо vedana напишите название Вашего шрифта

3)
.summary a:hover, .basket-info:hover .summary a {background: #4a4949; color: #d5d5d5}
.summary a:hover strong, .basket-info:hover .summary a strong {background: #0f0f0f;}
#4a4949 и  #0f0f0f - цвета при наведении

4) найдите
footer {clear: both;background: #F1F1F0;overflow: hidden;padding: 1.5em 0;color: #e6e4da;width: 100%;}
#e6e4da - цвет текста в подвале
footer a {color: #d5d5d5;}
footer a:hover {color: #fff;}
#d5d5d5 - цвет ссылок в подвале
#fff - цвет ссылок при наведении

#15 ilnarius

ilnarius

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

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

Отправлено 28 Сентябрь 2013 - 19:14

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

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

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


#16 miyako

miyako

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

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

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

Просмотр сообщенияilnarius (28 Сентябрь 2013 - 19:14) писал:

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

1) Найдите код в style.css -
.summary a {
color: #ffe4ab;
background: #F1F1F0;
padding: 1.75em 1em 1.5em;
position: absolute;
right: 0;
top: -4.2em;
display: block;
text-align: center;
width: 13.333em;
}
и замените на -
.summary a {
color: #ffe4ab;
background: #F1F1F0;
padding: 1.75em 1em 1.5em;
position: absolute;
right: 0;
top: -16.2px;
display: block;
text-align: center;
width: 13.333em;
padding-top: 4px;
padding-bottom: 1px;
}

Найдите код -
.basket-summary {
background: #4a4949;
color: #000;
display: none;
position: absolute;
z-index: 1000;
padding: 0 1em 1em;
right: 0;
width: 13.333em;
}
и замените на -
.basket-summary {
background: #4a4949;
color: #000;
display: none;
position: absolute;
z-index: 1000;
padding: 0 1em 1em;
right: 0;
width: 13.333em;
top: 10px;
}

2) Найдите код  -
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
background: #fff url('{ASSETS_IMAGES_PATH}search.png') left center no-repeat;
padding-left: 33px !important;
}
и замените на  -
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
padding-left: 33px !important;
}

3) Найдите код  -
.nav a {
padding: 15px 15px;
color: #fff;
text-transform: uppercase;
z-index: 50;
}
и измените на  -
.nav a {
padding: 13px 15px;
color: #fff;
text-transform: uppercase;
z-index: 50;
}


#17 ilnarius

ilnarius

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

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

Отправлено 29 Сентябрь 2013 - 19:04

Просмотр сообщенияmiyako (29 Сентябрь 2013 - 07:13) писал:

1) Найдите код в style.css -
.summary a {
color: #ffe4ab;
background: #F1F1F0;
padding: 1.75em 1em 1.5em;
position: absolute;
right: 0;
top: -4.2em;
display: block;
text-align: center;
width: 13.333em;
}
и замените на -
.summary a {
color: #ffe4ab;
background: #F1F1F0;
padding: 1.75em 1em 1.5em;
position: absolute;
right: 0;
top: -16.2px;
display: block;
text-align: center;
width: 13.333em;
padding-top: 4px;
padding-bottom: 1px;
}

Найдите код -
.basket-summary {
background: #4a4949;
color: #000;
display: none;
position: absolute;
z-index: 1000;
padding: 0 1em 1em;
right: 0;
width: 13.333em;
}
и замените на -
.basket-summary {
background: #4a4949;
color: #000;
display: none;
position: absolute;
z-index: 1000;
padding: 0 1em 1em;
right: 0;
width: 13.333em;
top: 10px;
}

2) Найдите код  -
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
background: #fff url('{ASSETS_IMAGES_PATH}search.png') left center no-repeat;
padding-left: 33px !important;
}
и замените на  -
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
padding-left: 33px !important;
}

3) Найдите код  -
.nav a {
padding: 15px 15px;
color: #fff;
text-transform: uppercase;
z-index: 50;
}
и измените на  -
.nav a {
padding: 13px 15px;
color: #fff;
text-transform: uppercase;
z-index: 50;
}
спасибо)

#18 ilnarius

ilnarius

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

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

Отправлено 29 Сентябрь 2013 - 19:34

как поменять цвет кнопки заказать при наведении?

#19 ilnarius

ilnarius

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

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

Отправлено 29 Сентябрь 2013 - 20:19

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

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

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


#20 shnafix

shnafix

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

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

Отправлено 29 Сентябрь 2013 - 20:20

Просмотр сообщенияilnarius (29 Сентябрь 2013 - 19:34) писал:

как поменять цвет кнопки заказать при наведении?
В style.css найдите строку
.buy-item button:hover {background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat scroll 10% -552px #404040;}
и замените #404040 на Ваш цвет.




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

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