Отображение По 4 В Ряд
#1
Отправлено 03 Август 2013 - 12:04
2 - Сделать чтобы название товара помещалось полностью.
3 - Значки оплаты были цветными постоянно, как при наведении курсора
#2
Отправлено 03 Август 2013 - 13:04
с ответами вы можете ознакомиться пройдя по ссылке
http://forum.storela...-указание-цены/
2.
что бы увеличить поле названия товаров найдите в файле main.css код
.product-image {vertical-align: middle;text-align:center;padding:0px;border:0px solid #E2E2E2;height:20px;width:100%;*width:;cursor:pointer;}
и меняйте в нем параметр height: в сторону увеличения
#3
Отправлено 03 Август 2013 - 13:20
#4
Отправлено 03 Август 2013 - 15:51
Цитата
с ответами вы можете ознакомиться пройдя по ссылке
http://forum.storela...-указание-цены/
Попробовал что было по этой ссылке. Все не то.
Можно сделать как на этом сайте http://applemotion.ru/ , только чтобы остались кнопки "Добавить в корзину"
Цитата
что бы увеличить поле названия товаров найдите в файле main.css код
.product-image {vertical-align: middle;text-align:center;padding:0px;border:0px solid #E2E2E2;height:20px;width:100%;*width:;cursor:pointer;}
и меняйте в нем параметр height: в сторону увеличения
меняется только размер картинки, а название не изменяется.
по третьему вопросу, - да всегда были цветными
#5
Отправлено 03 Август 2013 - 16:47
magamg (03 Август 2013 - 12:04) писал:
2 - Сделать чтобы название товара помещалось полностью.
3 - Значки оплаты были цветными постоянно, как при наведении курсора
04.jpg
1. в файле bootstrap-responsive.min.css найдите строчку
.row-fluid .span3{width:33%;*width:31.570740134569924%}измените на
.row-fluid .span3{width:25%;*width:31.570740134569924%}
2. найдите в файле main,css строчку
.product-name h2 { display: block; overflow:hidden; position: relative; height: 20px;}измените на
.product-name h2 { display: block; overflow:hidden; position: relative; height: 100px;}
3. в шаблоне HTML найдите
<table width="228"> <tr> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_wm.png" alt="Webmoney" title="Мы принимаем к оплате Webmoney" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_yd.png" alt="Яндекс.Деньги" title="Мы принимаем к оплате Яндекс.Деньги" style="padding-bottom:5px;"/></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_visa.png" alt="VISA" title="Мы принимаем к оплате кредитные карты VISA" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_sber.png" alt="Сбербанк" title="Мы принимаем к оплате квитанции сбербанка" /></a></td> <td class="last"><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_mastercard.png" alt="MasterCard" title="Мы принимаем к оплате кредитные карты MasterCard" /></a></td> </tr> <tr> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_qiwi.png" alt="MasterCard" title="Мы принимаем оплату через терминалы оплаты Qiwi" style="padding-top:3px;" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_sms.png" alt="SMS" title="Мы принимаем оплату через SMS" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_maestro.png" alt="SMS" title="Мы принимаем оплату через кредитные карты Maestro" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_rbc.png" alt="RBC" title="Мы принимаем оплату через систему РБК money" /></a></td> <td class="last"><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_robo.png" alt="RBC" title="Мы принимаем оплату через Робокассу" /></a></td> </tr> </table>замените на
<table width="228"> <tr> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_wm_act.png" alt="Webmoney" title="Мы принимаем к оплате Webmoney" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_yd_act.png" alt="Яндекс.Деньги" title="Мы принимаем к оплате Яндекс.Деньги" style="padding-bottom:5px;"/></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_visa_act.png" alt="VISA" title="Мы принимаем к оплате кредитные карты VISA" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_sber_act.png" alt="Сбербанк" title="Мы принимаем к оплате квитанции сбербанка" /></a></td> <td class="last"><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_mastercard_act.png" alt="MasterCard" title="Мы принимаем к оплате кредитные карты MasterCard" /></a></td> </tr> <tr> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_qiwi_act.png" alt="MasterCard" title="Мы принимаем оплату через терминалы оплаты Qiwi" style="padding-top:3px;" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_sms_act.png" alt="SMS" title="Мы принимаем оплату через SMS" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_maestro_act.png" alt="SMS" title="Мы принимаем оплату через кредитные карты Maestro" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_rbc_act.png" alt="RBC" title="Мы принимаем оплату через систему РБК money" /></a></td> <td class="last"><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_robo_act.png" alt="RBC" title="Мы принимаем оплату через Робокассу" /></a></td> </tr> </table>
теперь зайдите в файл main.js -> найдите и удалите:
// Действие при наведении на логотипы платёжных систем $(".footer .payment-sistems img").hover( function () { path = $(this).attr('src'); $(this).attr('src', path.replace(new RegExp(".png"), '_act.png')); }, function () { $(this).attr('src', path); } );
#6
Отправлено 03 Август 2013 - 18:24
1.
Цитата
.row-fluid .span3{width:33%;*width:31.570740134569924%}
измените на
.row-fluid .span3{width:25%;*width:31.570740134569924%}
на главной странице по смещались некоторые товары.
2 - как сделать меньше размер шрифта и поменять его цвет
3 - уменьшить расстояние от картинки до названия и сверху.
#7
Отправлено 03 Август 2013 - 19:13
magamg (03 Август 2013 - 18:24) писал:
1.
на главной странице по смещались некоторые товары.
2 - как сделать меньше размер шрифта и поменять его цвет
3 - уменьшить расстояние от картинки до названия и сверху.
05.jpg
1. в main.css найдите
.product-box{padding: 14px 14px 14px 14px; background:#FFF;/*height:280px;*/}замените на
.product-box{padding: 14px 14px 14px 3px; background:#FFF;/*height:280px;*/}
теперь найдите
.cms-index-index .col-main .products-grid li .product-box .product-name a{color:#2B2B2B; font-size:1.3em;}замените на
.cms-index-index .col-main .products-grid li .product-box .product-name a{color:#2B2B2B; font-size:1.1em;font-weight:bold;}
2. цвет шрифта Вы также можете изменить в строчке
.cms-index-index .col-main .products-grid li .product-box .product-name a{color:#2B2B2B; font-size:1.1em;font-weight:bold;}изменяя #2B2B2B
для того, чтобы изменить сам шрифт, измените строчку эту на
.cms-index-index .col-main .products-grid li .product-box .product-name a{color:#2B2B2B; font: bold 0.9em verdana;}здесь Вы можете изменять и размер, и начертание (жирный шрифт), и подобрать сам шрифт
3. в main.css найдите
.products-grid .product-image { /*display:block; width:180px;*/ border:1px solid #E2E2E2; margin:0 0 10px; }изменяйте значение 10px, например, измените на -10px
#8
Отправлено 04 Август 2013 - 17:14
#9
Отправлено 04 Август 2013 - 17:24
Цитата
.products-grid .product-image { /*display:block; width:180px;*/ border:1px solid #E2E2E2; margin:0 0 10px; }
изменяйте значение 10px, например, измените на -10px
как поднять цену выше к названию товара?
#10
Отправлено 04 Август 2013 - 17:29
magamg (04 Август 2013 - 17:14) писал:
.products-grid .product-name a {}замените на
.products-grid .product-name a {font-size: 0.9em; font-family: georgia; color: black; font-weight: bold;}Если при просмотре и таблицей и списком - тогда в main.css замените код
.product-name a{color:#4C4C4C; font-size:1.5em; text-decoration:none; text-transform:uppercase; font-weight:normal; position: relative;height: 20px;}на
.product-name a{color:#4C4C4C; font-size:0.9em; font-family: georgia; font-weight: bold; text-decoration:none; text-transform:uppercase; font-weight:normal; position: relative;height: 20px;}color:#4C4C4C; - цвет шрифта, font-size:1.5em; - размер шрифта, font-family: georgia; - его стиль, font-weight: bold; - жирность шрифта.
#11
Отправлено 04 Август 2013 - 18:18
#12
Отправлено 04 Август 2013 - 18:52
Как сделать , чтобы при наведении курсора на пункт меню (каталога, новостей, ...) вложения выскакивали справа таблицей,
вот пример: http://applemotion.ru/
#13
Отправлено 05 Август 2013 - 08:48
NovOle (04 Август 2013 - 18:52) писал:
Как сделать , чтобы при наведении курсора на пункт меню (каталога, новостей, ...) вложения выскакивали справа таблицей,
вот пример: http://applemotion.ru/
Инструкция здесь - http://forum.storela...еню/#entry33886
#14
Отправлено 05 Август 2013 - 11:14
Вопрос еще открытый
Цитата
3. в main.css найдите
.products-grid .product-image { /*display:block; width:180px;*/ border:1px solid #E2E2E2; margin:0 0 10px; }
изменяйте значение 10px, например, измените на -10px
изменилось расстояние только снизу как уменьшить верхнее расстояние?
как поднять цену выше к названию товара?
#15
Отправлено 05 Август 2013 - 17:04
magamg (05 Август 2013 - 11:14) писал:
Вопрос еще открытый
Цитата
3. в main.css найдите
.products-grid .product-image { /*display:block; width:180px;*/ border:1px solid #E2E2E2; margin:0 0 10px; }
изменяйте значение 10px, например, измените на -10px
изменилось расстояние только снизу как уменьшить верхнее расстояние?
как поднять цену выше к названию товара?
Выше я Вам писала код
.product-name h2 { display: block; overflow:hidden; position: relative; height: 100px;}100px - высота отведенного расстояния под заголовок товара. Поставьте это значение меньше, только так, чтобы у Вас вместился и заголовок и цена выше поднялась
найдите строчку
.product-box{padding: 14px 14px 14px 3px; background:#FFF;/*height:280px;*/}измените на
.product-box{padding: 0px 14px 14px 3px; background:#FFF;/*height:280px;*/}
можно попробовать заменить строчку на
.product-box{ /*padding: 0px 14px 14px 3px; */ background:#FFF;/*height:280px;*/}Посмотрите только после этого как будут отображаться товары во всех вкладках
#16
Отправлено 05 Август 2013 - 20:06
miyako (05 Август 2013 - 08:48) писал:
#17
Отправлено 06 Август 2013 - 01:15
#18
Отправлено 07 Август 2013 - 17:12
1 Как отодвинуть товары от края?
2 Как Уменьшить расстояние между товарами?
#19
Отправлено 07 Август 2013 - 17:21
magamg (07 Август 2013 - 17:12) писал:
<div class="row span7 products-grid" style="*padding: 0px;">измените так
<div class="row span7 products-grid" style="*padding-right: 25px;">И в строке
<li class="span3 item" style="height: 420px;">420px замените на 385px
#20
Отправлено 07 Август 2013 - 18:15
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных