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


Отображение По 4 В Ряд


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

#1 magamg

magamg

    Продвинутый пользователь

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

Отправлено 03 Август 2013 - 12:04

1 - Помогите сделать отображение товара не по 3 шт а по 4 шт в ряд (как на главной странице, так и в категориях товаров).
2 - Сделать чтобы название товара помещалось полностью.
3 - Значки оплаты были цветными постоянно, как при наведении курсора


#2 Taisia

Taisia

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

  • Модератоpы
  • 1 289 сообщений

Отправлено 03 Август 2013 - 13:04

1. Эта тема уже обсуждалась у нас на форуме,
с ответами вы можете ознакомиться пройдя по ссылке
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 Taisia

Taisia

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

  • Модератоpы
  • 1 289 сообщений

Отправлено 03 Август 2013 - 13:20

3. касательно иконок у меню - вы хотите что бы они были цветными и при наведении становились серыми или всегда, даже при наведении оставались цветными ?

#4 magamg

magamg

    Продвинутый пользователь

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

Отправлено 03 Август 2013 - 15:51

Цитата

1. Эта тема уже обсуждалась у нас на форуме,
с ответами вы можете ознакомиться пройдя по ссылке
http://forum.storela...-указание-цены/

Попробовал что было по этой ссылке. Все не то.
Можно сделать как на этом сайте http://applemotion.ru/ , только чтобы остались кнопки "Добавить в корзину"

Цитата

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: в сторону увеличения

меняется только размер картинки, а название не изменяется.



по третьему вопросу, - да всегда были цветными

#5 support 2.0

support 2.0

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

  • Модераторы
  • 4 924 сообщений

Отправлено 03 Август 2013 - 16:47

Просмотр сообщенияmagamg (03 Август 2013 - 12:04) писал:

1 - Помогите сделать отображение товара не по 3 шт а по 4 шт в ряд (как на главной странице, так и в категориях товаров).
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 magamg

magamg

    Продвинутый пользователь

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

Отправлено 03 Август 2013 - 18:24

3 Пункт все ОК, благодарю.

1.

Цитата

1. в файле bootstrap-responsive.min.css найдите строчку
  .row-fluid .span3{width:33%;*width:31.570740134569924%}
измените на

  .row-fluid .span3{width:25%;*width:31.570740134569924%}

на главной странице по смещались некоторые товары.

2 -  как сделать меньше размер шрифта и поменять его цвет

3 - уменьшить расстояние от картинки до названия и сверху.


#7 support 2.0

support 2.0

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

  • Модераторы
  • 4 924 сообщений

Отправлено 03 Август 2013 - 19:13

Просмотр сообщенияmagamg (03 Август 2013 - 18:24) писал:

3 Пункт все ОК, благодарю.

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 magamg

magamg

    Продвинутый пользователь

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

Отправлено 04 Август 2013 - 17:14

Благодарю, получилось почти ровно. Остался небольшой вопрос - как поменять теперь шрифт названия всех товаров, изменился только на главной.

#9 magamg

magamg

    Продвинутый пользователь

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

Отправлено 04 Август 2013 - 17:24

Цитата

3. в main.css найдите
.products-grid .product-image { /*display:block; width:180px;*/ border:1px solid #E2E2E2; margin:0 0 10px; }
изменяйте значение 10px, например, измените на -10px
изменилось расстояние только снизу как уменьшить верхнее расстояние?
как поднять цену выше к названию товара?

#10 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 04 Август 2013 - 17:29

Просмотр сообщенияmagamg (04 Август 2013 - 17:14) писал:

Благодарю, получилось почти ровно. Остался небольшой вопрос - как поменять теперь шрифт названия всех товаров, изменился только на главной.
Если хотите поменять шрифт названия товаров только при просмотре таблицей, тогда в шаблоне main.css код
.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 magamg

magamg

    Продвинутый пользователь

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

Отправлено 04 Август 2013 - 18:18

Благодарю. Супер.

#12 NovOle

NovOle

    Пользователь

  • Пользователи
  • PipPip
  • 43 сообщений
  • ГородТихвин

Отправлено 04 Август 2013 - 18:52

Здравствуйте,
Как сделать , чтобы при наведении курсора на пункт меню (каталога, новостей, ...) вложения выскакивали справа таблицей,
вот пример: http://applemotion.ru/

#13 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 05 Август 2013 - 08:48

Просмотр сообщенияNovOle (04 Август 2013 - 18:52) писал:

Здравствуйте,
Как сделать , чтобы при наведении курсора на пункт меню (каталога, новостей, ...) вложения выскакивали справа таблицей,
вот пример: http://applemotion.ru/

Инструкция здесь - http://forum.storela...еню/#entry33886

#14 magamg

magamg

    Продвинутый пользователь

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

Отправлено 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 support 2.0

support 2.0

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

  • Модераторы
  • 4 924 сообщений

Отправлено 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 NovOle

NovOle

    Пользователь

  • Пользователи
  • PipPip
  • 43 сообщений
  • ГородТихвин

Отправлено 05 Август 2013 - 20:06

Просмотр сообщенияmiyako (05 Август 2013 - 08:48) писал:

Инструкция здесь - http://forum.storela...еню/#entry33886
miyako, что-то не то.. В этой теме идет обсуждение цвета, шрифтов и т.п. мне нужно выпадающее справа подменю в виде одной колонки.

#17 Сake

Сake

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

  • Модератоpы
  • 5 979 сообщений

Отправлено 06 Август 2013 - 01:15

Пожалуйста, сообщите номер вашего аккаунта. Пример что вы указываете - используется шаблон "Техника", в данном шаблоне используется именно такое выпадающее меню. Возможно вам будет целесообразно изменить тему оформления?.

#18 magamg

magamg

    Продвинутый пользователь

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

Отправлено 07 Август 2013 - 17:12

Добрый день.

1 Как отодвинуть товары от края?

2 Как Уменьшить расстояние между товарами?


#19 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 07 Август 2013 - 17:21

Просмотр сообщенияmagamg (07 Август 2013 - 17:12) писал:

Добрый день.

1 Как отодвинуть товары от края?

2 Как Уменьшить расстояние между товарами?
Прикрепленный файл 11.jpg
Добрый день. В шаблоне "Товары" код
<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 magamg

magamg

    Продвинутый пользователь

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

Отправлено 07 Август 2013 - 18:15

По второму вопросу помогло, первый остался без изменений




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

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