Доброго времени суток, уважаемые модераторы!
мой аккаунт: SL-316719
Интересуют следующие вопросы:
1) Нужно поднять каталог товаров. До верхней границы слайдера. Изображение прилагаю.
2) Перетащить блок группы ВК ниже чем появляющийся блок "Вы смотрели". Изображения прилагаю.
3) Как можно поменять цвет: названия товара,цены.
4) Возможно ли добавить свой шрифт, если да то как.
5) Как поменять цвет кнопок при наведении курсора. Нужно поменять цвет кнопок при наведении курсора: "В корзину" и "Быстрый заказ". - чтобы при наведении был черный цвет кнопки.
Спасибо!
0
Перенос Блоков, Цвет Шрифта (Меню, Подписка Вк)
Автор fertnet, 04 нояб. 2014 20:16
Сообщений в теме: 7
#1
Отправлено 04 Ноябрь 2014 - 20:16
#2
Отправлено 04 Ноябрь 2014 - 21:20
Здравствуйте.
1. Найдите в шаблоне main.css следующий код:
.content_catalog {
padding-top: 15px;
vertical-align: top;
}
2. Ищем в шаблоне html код:
4. Свой шрифт добавляется путём добавления в код, который находится в шаблоне main.css, строки font-family: название шрифта (например Arial).
5. Цвет кнопки при наведение - это картинка read_more.jpg, которая находится у вас в админке и цвет можно поменять, только либо отредактировав её, либо заменив на что-то подобное, но с тем же именем.
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
Отправлено 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) Справа у блока "Каталог товаров" нужно довести ограничивающую линию - до верхней границы буквы К. (скрин прилагаю)
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
Отправлено 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) Справа у блока "Каталог товаров" нужно довести ограничивающую линию - до верхней границы буквы К. (скрин прилагаю)
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
.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}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить «{goods.NAME}» в корзину">Купить сейчас</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}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить «{goods.NAME}» в корзину">Быстрый заказ</a> <a href="{goods.URL}" class="whtgray" title="Подробнее о товаре «{goods.NAME}»">Подробнее</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}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить «{goods.NAME}» в корзину">Купить сейчас</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}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить «{goods.NAME}» в корзину">Быстрый заказ</a> <a href="{goods.URL}" class="whtgray" title="Подробнее о товаре «{goods.NAME}»">Подробнее</a> </div> </form> -->
#5
Отправлено 18 Ноябрь 2014 - 22:41
Спасибо большое!
Помогите еще пожалуйста блок меню на право сдвинуть. прилагаю скрин.
ВОТ так НАДО:
Помогите еще пожалуйста блок меню на право сдвинуть. прилагаю скрин.
ВОТ так НАДО:
#6
Отправлено 18 Ноябрь 2014 - 22:43
fertnet (18 Ноябрь 2014 - 22:41) писал:
Спасибо большое!
Помогите еще пожалуйста блок меню на право сдвинуть. прилагаю скрин.
ВОТ так НАДО:
Помогите еще пожалуйста блок меню на право сдвинуть. прилагаю скрин.
ВОТ так НАДО:
#top-menu { height: 40px; overflow: hidden; margin-left: 187px; }на
#top-menu { height: 40px; overflow: hidden; margin-left: 161px; }
#7
Отправлено 23 Ноябрь 2014 - 17:25
Спасибо большое.
Помогите пожалуйста сделать теперь следующие мелочи.
1) Сейчас у нас между верхним рекламным блоком и товарами на главной странице большой промежуток. (Нужно убрать точки которые переключают слайдер и сократить расстояние между товарами и рекламным блоком) Как сейчас вы можете посмотреть здесь: www.prostinka.net Прилагаю скрин как нужно: https://pp.vk.me/c62...KtdF2xtetSs.jpg
2) При наведении на квадратик с товаром он выделяется оранжевым, нужно чтобы выделялся черным цветом.
Помогите пожалуйста сделать теперь следующие мелочи.
1) Сейчас у нас между верхним рекламным блоком и товарами на главной странице большой промежуток. (Нужно убрать точки которые переключают слайдер и сократить расстояние между товарами и рекламным блоком) Как сейчас вы можете посмотреть здесь: www.prostinka.net Прилагаю скрин как нужно: https://pp.vk.me/c62...KtdF2xtetSs.jpg
2) При наведении на квадратик с товаром он выделяется оранжевым, нужно чтобы выделялся черным цветом.
#8
Отправлено 23 Ноябрь 2014 - 17:30
fertnet (23 Ноябрь 2014 - 17:25) писал:
Спасибо большое.
Помогите пожалуйста сделать теперь следующие мелочи.
1) Сейчас у нас между верхним рекламным блоком и товарами на главной странице большой промежуток. (Нужно убрать точки которые переключают слайдер и сократить расстояние между товарами и рекламным блоком) Как сейчас вы можете посмотреть здесь: www.prostinka.net Прилагаю скрин как нужно: https://pp.vk.me/c62...KtdF2xtetSs.jpg
2) При наведении на квадратик с товаром он выделяется оранжевым, нужно чтобы выделялся черным цветом.
Помогите пожалуйста сделать теперь следующие мелочи.
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 на свой цвет
Количество пользователей, читающих эту тему: 1
0 пользователей, 1 гостей, 0 анонимных