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


Перенос Блоков, Цвет Шрифта (Меню, Подписка Вк)


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

#1 fertnet

fertnet

    Новичок

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

Отправлено 04 Ноябрь 2014 - 20:16

Доброго времени суток, уважаемые модераторы!

мой аккаунт: SL-316719

Интересуют следующие вопросы:

1) Нужно поднять каталог товаров. До верхней границы слайдера. Изображение прилагаю.
Стало.png

2) Перетащить блок группы ВК ниже чем появляющийся блок "Вы смотрели". Изображения прилагаю.
Изображение




3) Как можно поменять цвет: названия товара,цены.
4) Возможно ли добавить свой шрифт, если да то как.
5) Как поменять цвет кнопок при наведении курсора. Нужно поменять цвет кнопок при наведении курсора: "В корзину" и "Быстрый заказ".  - чтобы при наведении был черный цвет кнопки.

Спасибо!

#2 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 04 Ноябрь 2014 - 21:20

Здравствуйте.
1. Найдите в шаблоне main.css следующий код:
.content_catalog {
padding-top: 80px;
vertical-align: top;
}
И замените вот этим:
.content_catalog {
padding-top: 15px;
vertical-align: top;
}
2. Ищем в шаблоне html код:
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "195", height: "350", color1: 'FFFFFF', color2: '2B587A', color3: '555454'}, 78662145);
</script>
И переносите этот код между этими строками:
				  <!-- Последние товары, просмотренные пользователем -->
				 
				  <!-- Если в тарифном плане подключен модуль новостей -->
3. В шаблоне main.css найдите код:
.goodsListItemName a {
font-size: 16px;
line-height: 18px;
padding: 0px;
margin: 0px;
font-weight: normal;
}
И замените этим:
.goodsListItemName a {
font-size: 16px;
line-height: 18px;
padding: 0px;
margin: 0px;
font-weight: normal;
color: #000000;
}
И ещё находим код:
.goodsListItemBlock a span span {
color: #000;
font-size: 17px;
font-weight: bold;
}
В двух последних кодах в цвет меняется, путём ввода нужного значения после кода color: (например #000000 или #FFFFFF).
4. Свой шрифт добавляется путём добавления в код, который находится в шаблоне main.css, строки font-family: название шрифта (например Arial).
5. Цвет кнопки при наведение - это картинка read_more.jpg, которая находится у вас в админке и цвет можно поменять, только либо отредактировав её, либо заменив на что-то подобное, но с тем же именем.

#3 fertnet

fertnet

    Новичок

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

Отправлено 08 Ноябрь 2014 - 11:54

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

Продолжим.. :)

1) Справа у блока "Каталог товаров" нужно довести ограничивающую линию - до верхней границы буквы К. (скрин прилагаю)
https://pp.vk.me/c61...jft_2HMmtPU.jpg

2) Появилась проблема с меню (которое находится справа). Если зайти в каталоге в категорию: "мако-сатин 3D", то самая верхняя категория "мако-сатин" перестает быть кликабельной, только при наведении мышкой под каким то углом. (скрин прилагаю)

https://pp.vk.me/c62...36/0QsH4NoKWoE.jpg

3) После покупки товара, убрать кнопку "повторить заказ"

https://pp.vk.me/c62...WmfFSZ-cgoM.jpg

4)Убрать в каталоге товаров, надписи к каждому товару: Купить сейчас Быстрый заказ Подробнее, оставить только кнопку: "Подробнее"
https://pp.vk.me/c62...0bMCpN1DBSk.jpg

#4 Dars

Dars

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

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

Отправлено 09 Ноябрь 2014 - 07:48

Просмотр сообщенияfertnet (08 Ноябрь 2014 - 11:54) писал:

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

Продолжим.. :)

1) Справа у блока "Каталог товаров" нужно довести ограничивающую линию - до верхней границы буквы К. (скрин прилагаю)
https://pp.vk.me/c61...jft_2HMmtPU.jpg

2) Появилась проблема с меню (которое находится справа). Если зайти в каталоге в категорию: "мако-сатин 3D", то самая верхняя категория "мако-сатин" перестает быть кликабельной, только при наведении мышкой под каким то углом. (скрин прилагаю)

https://pp.vk.me/c62...36/0QsH4NoKWoE.jpg

3) После покупки товара, убрать кнопку "повторить заказ"

https://pp.vk.me/c62...WmfFSZ-cgoM.jpg

4)Убрать в каталоге товаров, надписи к каждому товару: Купить сейчас Быстрый заказ Подробнее, оставить только кнопку: "Подробнее"
https://pp.vk.me/c62...0bMCpN1DBSk.jpg
1. В main.css найдите код:

.content_page {
  background: url(http://design.prostinka.net/content-page-br.gif?design=shine) no-repeat 710px 68px;
  overflow:hidden; 
  padding-bottom: 2em;
}

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

.content_page {
  background: url(http://design.prostinka.net/content-page-br.gif?design=shine) no-repeat 710px;
  overflow:hidden; 
  padding-bottom: 2em;
}

2. Там же найдите код:

.page-headline h1 {
  position:absolute;
  width:940px;
  font: 30px/70px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #000000;
  padding-left: 20px;
  height:2em;overflow:hidden;
}

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

.page-headline h1 {
  position:absolute;
  font: 30px/70px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #000000;
  padding-left: 20px;
  height:2em;overflow:hidden;
}

3. В шаблоне "Просмотр заказа" найдите код:

			 <td style="padding-top:0.7em;" class="alignRight">
			<form action="{USER_ORDER_REPEAT_URL}/{ORDER_TOKEN}" method="GET"><div><input class="more-link" type="submit"  onclick="return confirm('Вы действительно хотите в точности повторить выбранный заказ?')" value="Повторить заказ" /></div></form>
		  </td>

и замените её на:

		 <!--
		  <td style="padding-top:0.7em;" class="alignRight">
			<form action="{USER_ORDER_REPEAT_URL}/{ORDER_TOKEN}" method="GET"><div><input class="more-link" type="submit"  onclick="return confirm('Вы действительно хотите в точности повторить выбранный заказ?')" value="Повторить заказ" /></div></form>
		  </td>
		  -->

4. В шаблоне "Товары" найдите код:

<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
								  <div>
										<input type="hidden" name="hash" value="{HASH}" />
										<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
										<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
										<a class="whtgray" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить сейчас</a>
										 <a class="whtgray"  onclick="quickorder('#goodsListFormId{goods.MIN_PRICE_NOW_ID}');return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Быстрый заказ</a>
										<a href="{goods.URL}" class="whtgray" title="Подробнее о товаре &laquo;{goods.NAME}&raquo;">Подробнее</a>
								  </div>
								</form>

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

<!--
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
								  <div>
										<input type="hidden" name="hash" value="{HASH}" />
										<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
										<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
										<a class="whtgray" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить сейчас</a>
										 <a class="whtgray"  onclick="quickorder('#goodsListFormId{goods.MIN_PRICE_NOW_ID}');return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Быстрый заказ</a>
										<a href="{goods.URL}" class="whtgray" title="Подробнее о товаре &laquo;{goods.NAME}&raquo;">Подробнее</a>
								  </div>
								</form>
-->


#5 fertnet

fertnet

    Новичок

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

Отправлено 18 Ноябрь 2014 - 22:41

Спасибо большое!
Помогите еще пожалуйста блок меню на право сдвинуть. прилагаю скрин.
Изображение


ВОТ так НАДО:




Изображение

#6 AnnaM

AnnaM

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

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

Отправлено 18 Ноябрь 2014 - 22:43

Просмотр сообщенияfertnet (18 Ноябрь 2014 - 22:41) писал:

Спасибо большое!
Помогите еще пожалуйста блок меню на право сдвинуть. прилагаю скрин.
ВОТ так НАДО:

замените в main.css
#top-menu {
height: 40px;
overflow: hidden;
margin-left: 187px;
}
на
#top-menu {
height: 40px;
overflow: hidden;
margin-left: 161px;
}


#7 fertnet

fertnet

    Новичок

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

Отправлено 23 Ноябрь 2014 - 17:25

Спасибо большое.

Помогите пожалуйста сделать теперь следующие мелочи.

1) Сейчас у нас между верхним рекламным блоком и товарами на главной странице большой промежуток. (Нужно убрать точки которые переключают слайдер и сократить расстояние между товарами и рекламным блоком) Как сейчас вы можете посмотреть здесь: www.prostinka.net Прилагаю скрин как нужно: https://pp.vk.me/c62...KtdF2xtetSs.jpg

2) При наведении на квадратик с товаром он выделяется оранжевым, нужно чтобы выделялся черным цветом.

#8 Danil

Danil

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

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

Отправлено 23 Ноябрь 2014 - 17:30

Просмотр сообщенияfertnet (23 Ноябрь 2014 - 17:25) писал:

Спасибо большое.

Помогите пожалуйста сделать теперь следующие мелочи.

1) Сейчас у нас между верхним рекламным блоком и товарами на главной странице большой промежуток. (Нужно убрать точки которые переключают слайдер и сократить расстояние между товарами и рекламным блоком) Как сейчас вы можете посмотреть здесь: www.prostinka.net Прилагаю скрин как нужно: https://pp.vk.me/c62...KtdF2xtetSs.jpg

2) При наведении на квадратик с товаром он выделяется оранжевым, нужно чтобы выделялся черным цветом.
Здравствуйте.
1) В шаблоне 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;
}
и изменяйте значение
	margin-bottom:50px;
2) В main.css найдите код
.withBorder:hover {
border-color: #ff8d13 !important;
}
и замените #ff8d13 на свой цвет




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

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