Купить На Карточке Товара, Подвал, Разделение Блоков
#1
Отправлено 30 Август 2014 - 22:24
- как эту кнопку сделать пошире и написать на ней "Купить" ? Скриншот 1
- что это за фиговина появляется при наведение на каждую карточку товара? Как ее убрать? Скриншот 2
- как уменьшить высоту подвала примерно до такого состояния? Скриншот 3
- ВНИМАНИЕ! Самый Важный Вопрос! На скриншоте 4.1 мы видим полосу с надписью "Хиты продаж". Как такую же полосу с надписью "Категории товаров" добавить на место отмеченное на скриншоте 4.2 И с надписью "Каталог товаров" добавить на место отмеченное на скриншоте 4.3.
Заранее ОГРОМНОЕ спасибо!
#2
Отправлено 31 Август 2014 - 17:07
#3
Отправлено 31 Август 2014 - 18:30
va89st (30 Август 2014 - 22:24) писал:
- как эту кнопку сделать пошире и написать на ней "Купить" ? Скриншот 1
- что это за фиговина появляется при наведение на каждую карточку товара? Как ее убрать? Скриншот 2
- как уменьшить высоту подвала примерно до такого состояния? Скриншот 3
- ВНИМАНИЕ! Самый Важный Вопрос! На скриншоте 4.1 мы видим полосу с надписью "Хиты продаж". Как такую же полосу с надписью "Категории товаров" добавить на место отмеченное на скриншоте 4.2 И с надписью "Каталог товаров" добавить на место отмеченное на скриншоте 4.3.
Заранее ОГРОМНОЕ спасибо!
Здравствуйте.
1) В шаблоне html найдите строку(она встречается несколько раз)
<span class="basket_add"></span>И замените на
<span class="basket_add">Купить</span>Далее в main.css найдите код
.basket_add { z-index: 200; display: block; float: left; width: 22px; height: 22px; background: #333333 url('http://design.fullon32.ru/sprites.png') -80px -4px no-repeat; background-color: transparent; }И замените на
.basket_add { z-index: 200; display: block; float: left; width: 40px; height: 22px; background-color: transparent; }
2) Это кнопка увеличения картинки. Вы хотите убрать её?
3) В main.css найдите код
.footer { position: relative; height: auto; background-color: #d9d0d0; color: white; }И замените на
.footer { position: relative; height: 200px; background-color: #d9d0d0; color: white; }Там же найдите код
.settingsStore { overflow: hidden; margin: 0% 1.5%; margin-top: 10px; min-height: 50px; max-width: 100%; color: white; }И замените на
.settingsStore { overflow: hidden; margin: 0% 1.5%; margin-top: 10px; max-width: 100%; color: white; }
4) В шаблоне Товары
Перед кодом
<div class="box">Вставьте
<div class="contenttext clr"> <h4 class="title">Категории товаров</h4> </div>Так же перед кодом
<div class="productPageContent">Вставьте код
<div class="contenttext clr"> <h4 class="title">Каталог товаров</h4> </div>
#4
Отправлено 31 Август 2014 - 18:51
2) да, хочу убрать ее
4) надпись появилась, но полосы под ней как в "Хиты продаж" нет, как добавить фоном под надписью эту такую же полосу?
#5
Отправлено 31 Август 2014 - 19:10
va89st (31 Август 2014 - 18:51) писал:
2) да, хочу убрать ее
4) надпись появилась, но полосы под ней как в "Хиты продаж" нет, как добавить фоном под надписью эту такую же полосу?
1) Произведите изменения с кодом из сообщения 3
<span class="basket_add"></span>2) В main.css найдите код
.menu-item-icon { position: absolute; right: 2.6%; bottom: 3.1%; display: block; padding: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #34495E; text-align: center; opacity: 0; -webkit-transition: opacity .2s ease-in-out; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; }И замените на
.menu-item-icon { position: absolute; right: 2.6%; bottom: 3.1%; display: block; padding: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #34495E; text-align: center; opacity: 0; -webkit-transition: opacity .2s ease-in-out; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; display: none; }
4) Проделайте инструкцию как в сообщении 3 но вставляйте после кода, а не перед ним.
Далее в main.css добавьте код
.box .contenttext .title { display: block; float: left; margin-bottom: 10px; padding: 8px 1.8% 8px 1.8%; padding-left: 2%; width: 98%; border-radius: 2px; background-color: #d9d0d0; }И добавьте
.productPageContent .contenttext .title { display: block; float: left; margin-bottom: 10px; padding: 8px 1.8% 8px 1.8%; padding-left: 2%; width: 98%; border-radius: 2px; background-color: #d9d0d0; }
#6
Отправлено 31 Август 2014 - 19:17
2) спасибо, получилось
4) то есть сначала нужно вернуть как было, а потом вставлять после кода а не перед ним? или оставить как сейчас и просто добавить после кода еще раз?
#7
Отправлено 31 Август 2014 - 19:27
va89st (31 Август 2014 - 19:17) писал:
2) спасибо, получилось
4) то есть сначала нужно вернуть как было, а потом вставлять после кода а не перед ним? или оставить как сейчас и просто добавить после кода еще раз?
1) В шаблоне товары найдите код
<span class="basket_add"></span>(Код встречается несколько раз)И замените на
<span class="basket_add">Купить</span>
4)В шаблоне Товары найдите код и вырежьте его
<div class="contenttext clr"> <h4 class="title">Каталог товаров</h4> </div>И вставьте после
<div class="productPageContent">Далее найдите и вырежьте
<div class="contenttext clr"> <h4 class="title">Категории товаров</h4> </div>И вставьте после
<div class="box">
#8
Отправлено 31 Август 2014 - 19:37
4) все сделал, полоса под текстом так и не появилась, что не так?
#10
Отправлено 31 Август 2014 - 19:48
Danil (31 Август 2014 - 19:10) писал:
.box .contenttext .title { display: block; float: left; margin-bottom: 10px; padding: 8px 1.8% 8px 1.8%; padding-left: 2%; width: 98%; border-radius: 2px; background-color: #d9d0d0; }И добавьте
.productPageContent .contenttext .title { display: block; float: left; margin-bottom: 10px; padding: 8px 1.8% 8px 1.8%; padding-left: 2%; width: 98%; border-radius: 2px; background-color: #d9d0d0; }
#13
Отправлено 31 Август 2014 - 21:04
va89st (31 Август 2014 - 20:48) писал:
.productPageContent .contenttext .title { display: block; float: left; margin-bottom: 10px; padding: 8px 1.8% 8px 1.8%; padding-left: 2%; width: 98%; border-radius: 2px; background-color: #d9d0d0; }И замените на
.productPageContent .contenttext .title { display: block; margin-bottom: 10px; padding: 8px 1.8% 8px 1.8%; padding-left: 2%; width: 98%; border-radius: 2px; background-color: #d9d0d0; }
#14
Отправлено 31 Август 2014 - 21:27
Danil (31 Август 2014 - 21:04) писал:
.productPageContent .contenttext .title { display: block; float: left; margin-bottom: 10px; padding: 8px 1.8% 8px 1.8%; padding-left: 2%; width: 98%; border-radius: 2px; background-color: #d9d0d0; }И замените на
.productPageContent .contenttext .title { display: block; margin-bottom: 10px; padding: 8px 1.8% 8px 1.8%; padding-left: 2%; width: 98%; border-radius: 2px; background-color: #d9d0d0; }
на скриншоте отмечена пустота над слайдером
#15
Отправлено 31 Август 2014 - 21:38
va89st (31 Август 2014 - 21:27) писал:
на скриншоте отмечена пустота над слайдером
Данная пустота возникает из-за виджета вконтакте, который Вы установили. Нужно его удалить.
Если он Вам нужен пришлите нам код и напишите куда его установить и мы поможем Вам.
#16
Отправлено 31 Август 2014 - 21:55
<script type="text/javascript" src="//vk.com/js/api/openapi.js?115"></script>
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 1, width: "220", height: "400", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 41909631);
</script>
Установите его пожалуйста туда где он сейчас и стоит. И если можно чуть ниже, ибо он сильно близко к корзине.
#17
Отправлено 31 Август 2014 - 22:25
va89st (31 Август 2014 - 21:55) писал:
<script type="text/javascript" src="//vk.com/js/api/openapi.js?115"></script>
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 1, width: "220", height: "400", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 41909631);
</script>
Установите его пожалуйста туда где он сейчас и стоит. И если можно чуть ниже, ибо он сильно близко к корзине.
Данный виджет уже установлен под корзиной. Требуется его переносить под логотип?
#18
Отправлено 01 Сентябрь 2014 - 00:15
Danil (31 Август 2014 - 21:38) писал:
Если он Вам нужен пришлите нам код и напишите куда его установить и мы поможем Вам.
код виджета
<script type="text/javascript" src="//vk.com/js/api/openapi.js?115"></script>
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 1, width: "220", height: "400", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 41909631);
</script>
Установите его пожалуйста туда где он сейчас и стоит. И если можно чуть ниже, ибо он сейчас вплотную к корзине.
#19
Отправлено 01 Сентябрь 2014 - 11:57
va89st (01 Сентябрь 2014 - 00:15) писал:
<script type="text/javascript" src="//vk.com/js/api/openapi.js?115"></script>
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 1, width: "220", height: "400", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 41909631);
</script>
Установите его пожалуйста туда где он сейчас и стоит. И если можно чуть ниже, ибо он сейчас вплотную к корзине.
Здравствуйте.
Зайдите в шаблон html.
Найдите и удалите код на 312 строке
<script type="text/javascript" src="//vk.com/js/api/openapi.js?115"></script>Далее найдите код на 315 строке и вырежьте его
<script type="text/javascript" src="//vk.com/js/api/openapi.js?115"></script> <!-- VK Widget --> <div id="vk_groups"></div> <script type="text/javascript"> VK.Widgets.Group("vk_groups", {mode: 1, width: "220", height: "400", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 41909631); </script>После вырезанный код вставьте перед строкой
</div><!-- .left-sidebar -->
Зайдите в main.css и найдите код
#vk_groups { margin-left: 30px; margin-top: 25px; }Замените на
#vk_groups { margin-left: 30px; margin-top: 25px; float: left; }
#20
Отправлено 01 Сентябрь 2014 - 12:21
Danil (01 Сентябрь 2014 - 11:57) писал:
Зайдите в шаблон html.
Найдите и удалите код на 312 строке
<script type="text/javascript" src="//vk.com/js/api/openapi.js?115"></script>Далее найдите код на 315 строке и вырежьте его
<script type="text/javascript" src="//vk.com/js/api/openapi.js?115"></script> <!-- VK Widget --> <div id="vk_groups"></div> <script type="text/javascript"> VK.Widgets.Group("vk_groups", {mode: 1, width: "220", height: "400", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 41909631); </script>После вырезанный код вставьте перед строкой
</div><!-- .left-sidebar -->
Зайдите в main.css и найдите код
#vk_groups { margin-left: 30px; margin-top: 25px; }Замените на
#vk_groups { margin-left: 30px; margin-top: 25px; float: left; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных