Сообщений в теме: 19

[va89st]

Добрый вечер! Подскажите, пожалуйста:
- как эту кнопку сделать пошире и написать на ней "Купить" ? Скриншот 1
- что это за фиговина появляется при наведение на каждую карточку товара? Как ее убрать? Скриншот 2
- как уменьшить высоту подвала примерно до такого состояния? Скриншот 3
- ВНИМАНИЕ! Самый Важный Вопрос! На скриншоте 4.1 мы видим полосу с надписью "Хиты продаж". Как такую же полосу с надписью "Категории товаров" добавить на место отмеченное на скриншоте 4.2 И с надписью "Каталог товаров" добавить на место отмеченное на скриншоте 4.3.
Заранее ОГРОМНОЕ спасибо!

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

• 
• 
• 
• 
• 
• 

[va89st]

Уважаемые специалисты! Помогите мне, пожалуйста!

[Danil]

 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>

[va89st]

1) кнопка стала шире, но надпись Купить не появилась
2) да, хочу убрать ее
4) надпись появилась, но полосы под ней как в "Хиты продаж" нет, как добавить фоном под надписью эту такую же полосу?

[Danil]

 va89st (31 Август 2014 - 18:51) писал:

1) кнопка стала шире, но надпись Купить не появилась
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;
}

[va89st]

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

[Danil]

 va89st (31 Август 2014 - 19:17) писал:

1) этот код встречается только 3 раза, везде поменял, но результата нет
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">

[va89st]

1) все получилось, спасибо!
4) все сделал, полоса под текстом так и не появилась, что не так?

[Danil]

 va89st (31 Август 2014 - 19:37) писал:

1) все получилось, спасибо!
4) все сделал, полоса под текстом так и не появилась, что не так?

4) Нужно добавить стили из сообщения 3 пункта 4 в main.css.

[va89st]

 Danil (31 Август 2014 - 19:10) писал:

Далее в 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;
}

вот это сделать? а куда именно добавить в main.css ?

[Danil]

 va89st (31 Август 2014 - 19:48) писал:

вот это сделать? а куда именно добавить в main.css ?

Да. В конец файла main.css

[va89st]

 Danil (31 Август 2014 - 20:21) писал:

Да. В конец файла main.css

сделал, полоса появилась, но изчез католог товаров и слайдер опустился, что делать?

[Danil]

 va89st (31 Август 2014 - 20:48) писал:

сделал, полоса появилась, но изчез католог товаров и слайдер опустился, что делать?

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

.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;
}

[va89st]

 Danil (31 Август 2014 - 21:04) писал:

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

.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;
}

получилось, но слайдер и все товары все равно очень низко, как исправить?
на скриншоте отмечена пустота над слайдером

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

• 

[Danil]

 va89st (31 Август 2014 - 21:27) писал:

получилось, но слайдер и все товары все равно очень низко, как исправить?
на скриншоте отмечена пустота над слайдером

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

[va89st]

код виджета
<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>

Установите его пожалуйста туда где он сейчас и стоит. И если можно чуть ниже, ибо он сильно близко к корзине.

[Danil]

 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>

Установите его пожалуйста туда где он сейчас и стоит. И если можно чуть ниже, ибо он сильно близко к корзине.

Данный виджет уже установлен под корзиной. Требуется его переносить под логотип?

[va89st]

 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>

Установите его пожалуйста туда где он сейчас и стоит. И если можно чуть ниже, ибо он сейчас вплотную к корзине.

[Danil]

 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;
}

[va89st]

 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;
}

спасибо! все получилось!!