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


Отображение Товаров На Главной Странице


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

#1 Hiding

Hiding

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

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

Отправлено 23 Май 2015 - 12:32

Всем доброго времени.
Помогите пожалуйста по отображению товаров на главной странице:

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


23-05-2015 18-31-14.png

#2 Hiding

Hiding

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

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

Отправлено 23 Май 2015 - 15:09

???

#3 Hiding

Hiding

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

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

Отправлено 24 Май 2015 - 11:58

Помощь будет?

#4 Firefly

Firefly

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

  • Модераторы
  • 3 751 сообщений

Отправлено 24 Май 2015 - 12:33

Просмотр сообщенияHiding (24 Май 2015 - 11:58) писал:

Помощь будет?

Здравствуйте.
3. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.price{margin-top:10px; height:55px;}

Замените на:
.price{margin-top:10px; height:55px;margin: 5px 0 0 10px;}

4. Найдите код:
.addToCart{padding:6px 25px 6px 25px;color:#666;cursor:pointer;border:1px solid #ddd;border-radius:20px;transition:background-color 0.35s ease;margin:0 5px 0 0;transition:border-radius 0.35s ease-in-out;}

Замените на:
.addToCart{padding:6px 25px 6px 25px;color:#666;cursor:pointer;border:1px solid #ddd;border-radius:20px;transition:background-color 0.35s ease;margin:0 5px 0 0;transition:border-radius 0.35s ease-in-out;background-color: gainsbor
Цвет gainsbor изменяйте на необходимый.

#5 Hiding

Hiding

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

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

Отправлено 24 Май 2015 - 13:02

Спасибо. А 1 и 2?

#6 Danil

Danil

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

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

Отправлено 25 Май 2015 - 15:54

Просмотр сообщенияHiding (24 Май 2015 - 13:02) писал:

Спасибо. А 1 и 2?
В main.js найдите код
owl.owlCarousel({
items : 4, //10 items above 1000px browser width
itemsDesktop : [1650,3], //4 items between 1650px and 901px
itemsDesktopSmall : [800,2], // betweem 1250px and 601px
itemsTablet: [450,1], //1 items between 600 and 0
itemsMobile : false // itemsMobile disabled - inherit from itemsTablet option
});
изменяйте значения 4(в первой строке), 3(во второй строке), 2(в третей строке), 1(в четвертой строке) - кол-во отображаемых товаров, в зависимости от разрешения экрана, поэкспериментируйте самостоятельно.




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

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