Jump to content

Изменить размер плиток Vamshop4


Recommended Posts

Изменить размер плиток категорий и подкатегорий товаров?

Link to post
Share on other sites
3 минуты назад, Olga_Ya сказал:

Изменить размер плиток категорий и подкатегорий товаров?

Размер заточен под 4 плитки, если просто уменшить размер плиток, не увеличивая количество в строке, будет смотреться не очень, слишком много свободного места будет.

Link to post
Share on other sites

Предполагается сделать 5 шт в строку

или по 4 в несколько рядов,, но узкие, чтобы все подкатегории помещались на экране.

Наши посетители 90% будут пользоваться браузером для просмотра, а не мобильной версией.

Link to post
Share on other sites
2 минуты назад, Olga_Ya сказал:

Предполагается сделать 5 шт в строку

Сдлелайте 6 плиток например и они автоматически сами будут чуть меньше.

В /templates/vamshop4/javascript/vamshop4.js есть строка:

        1200:{
            items:4,
            nav:true,
            loop:false
        }

Меняйте 4 на 6 и будет 6 плиток в строке слайдера.

Будут меньше сами по себе слайды.

Link to post
Share on other sites
12 минут назад, support сказал:

Сдлелайте 6 плиток например и они автоматически сами будут чуть меньше.

В /templates/vamshop4/javascript/vamshop4.js есть строка:


        1200:{
            items:4,
            nav:true,
            loop:false
        }

Меняйте 4 на 6 и будет 6 плиток в строке слайдера.

Будут меньше сами по себе слайды.

Поменяла на 6, ничего не происходит...

Ни на главной, ни в категориях

 

Link to post
Share on other sites
Только что, Olga_Ya сказал:

Поменяла на 6, ничего не происходит...

Ни на главной, ни в категориях

 

Так Вы ж слайдер отключили, точно.

Тогда по-другому.

Сейчас в faq добавлю.

Вот добавил в FAQ - 

 

Link to post
Share on other sites

Изменила на 2, всё так же

:38_worried:

В разделе Новинки стало 6 в ряд. (Правда сколько раньше было, я не обращала внимания)

Link to post
Share on other sites
10 минут назад, Olga_Ya сказал:

Изменила на 2, всё так же

:38_worried:

В разделе Новинки стало 6 в ряд. (Правда сколько раньше было, я не обращала внимания)

Так я ж в faq пишу про список товара внутри разелов.

Какие именно новинки, где?!

На главной странице?! Тогда надо править /templates/vamshop4/module/new_products_default.html

Если новинки при просмотре подкатегорий, то /templates/vamshop4/module/new_products_category.html

Если страница новинки, то /templates/vamshop4/module/new_products_overview.html

Link to post
Share on other sites
2 минуты назад, support сказал:

Так я ж в faq пишу про список товара внутри разелов.

Какие именно новинки, где?!

На главной странице?! Тогда надо править /templates/vamshop4/module/new_products_default.html

Если новинки при просмотре подкатегорий, то /templates/vamshop4/module/new_products_category.html

Если страница новинки, то /templates/vamshop4/module/new_products_overview.html

До новинок мне вообще всё равно, просто поделилась наблюдением.

В faqе о списоке товаров, а вопрос изначально шёл о размере плиток названий категорий.

Например http://svet-premium.ru/index.php/cat/c14_Promyshlennye-svetilniki.html идёт 4 в ряд.

Нужно изменить размер картинки категории, чтобы помещалось больше.

Либо посредством изменения размеров фото категории (где оно задается?), либо аналогичныи образом, как Вы, замечательно, описали о товарах!

 

 

Link to post
Share on other sites
13 минут назад, Olga_Ya сказал:

До новинок мне вообще всё равно, просто поделилась наблюдением.

В faqе о списоке товаров, а вопрос изначально шёл о размере плиток названий категорий.

Например http://svet-premium.ru/index.php/cat/c14_Promyshlennye-svetilniki.html идёт 4 в ряд.

Нужно изменить размер картинки категории, чтобы помещалось больше.

Либо посредством изменения размеров фото категории (где оно задается?), либо аналогичныи образом, как Вы, замечательно, описали о товарах!

 

 

Сделайте 6 плиток в ряд.

В /templates/vamshop4/module/categorie_listing/categorie_listing.html

col-xl-3 замените на col-xl-2

Ещё можно в стилях /templates/vamshop4/css/vamshop4.css поменять:

.card-product .img-wrap {
  height: auto;
  min-height: 30vh;
}

Уменьшить высоту.

Например с 30 до 15

 

Link to post
Share on other sites

Изменено там и там, результата нет, вопрос не решен.

Link to post
Share on other sites
21 минуту назад, Olga_Ya сказал:

Изменено там и там, результата нет, вопрос не решен.

Не решён, потому что код у Вас так и не был изменён.

Вот например на странице смотрю исходный код - http://svet-premium.ru/index.php/cat/c14_Promyshlennye-svetilniki.html

и вижу: col-xs-12 col-sm-6 col-md-4 col-lg-4 col-xl-3

col-xl-3 - это как раз 4 плитки.

 

А должно быть col-xl-2 

Как написано в faq. что б было 6 плиток.

Link to post
Share on other sites

как не изменен?

Screenshot_2.jpg

вот скрин с сервера

 

вижу

Категории листинг!!!!!! 

СОРРИ!!!!

 

Мой косяк!!!

Пока Вам скрин не отправила, не поняла!

Большое видится на расстоянии:99_muscle:

Link to post
Share on other sites

Добавьте в FAQ, что аналогично меняются плитки в разделе категории, у кого-то может возникнуть аналогичный вопрос.

 

Link to post
Share on other sites
15 минут назад, Olga_Ya сказал:

Добавьте в FAQ, что аналогично меняются плитки в разделе категории, у кого-то может возникнуть аналогичный вопрос.

 

Я Вас поэтому и спрашивал, где именно Вы хотите менять.

Потому что слайдер много где используется.

 

Link to post
Share on other sites

У меня вопрос, http://prntscr.com/qqgi9u мы находимы в кат1 и видим подкат2 , 3 ,4 в слайде , ок найс, а вот товар новый я бы хотел вывести плитками чтоб его было много и в ряд например, возможно?

Link to post
Share on other sites
Только что, ZM сказал:

У меня вопрос, http://prntscr.com/qqgi9u мы находимы в кат1 и видим подкат2 , 3 ,4 в слайде , ок найс, а вот товар новый я бы хотел вывести плитками чтоб его было много и в ряд например, возможно?

Праавьте шаблон /templates/vamshop4/module/new_products_category.html и убирайте слайдер.

Как в faq написано - 

 

Link to post
Share on other sites
  • 9 months later...
В 17.01.2020 в 21:57, support сказал:

и вижу: col-xs-12 col-sm-6 col-md-4 col-lg-4 col-xl-3

col-xl-3 - это как раз 4 плитки.

 

А должно быть col-xl-2 

Как написано в faq. что б было 6 плиток.

Здравствуйте!

В каком файле править col-xl чтобы вывести 6 плиток на главной? 

Link to post
Share on other sites
10 минут назад, Olga_Ya сказал:

Здравствуйте!

В каком файле править col-xl чтобы вывести 6 плиток на главной? 

Здравствуйте!

На главной где именно?!

На главной есть категории, новинки, скидки, рекомендуемые, популярные, бренды, отзывы.

Link to post
Share on other sites
16 минут назад, Olga_Ya сказал:

Главная, категории

 

/templates/vamshop4/module/sitemap.html

Link to post
Share on other sites
  • 2 weeks later...
boamasteruga

Добрый день!Подскажите пожайлуста!

Как в шаблоне vamshop4. На главной странице изменить правый отступ в карточках.(Только на Главной)

<div class="owl-item active" style="width: 295px; margin-right: 10px;"> Ширина изменяется автоматически от устройства а вот отступ не меняется.

Возможно нужно внести в файл css темы...


 

screenshot-nimbus-capture-2020.11.26-14_44_18.png

Link to post
Share on other sites
14 минут назад, boamasteruga сказал:

Добрый день!Подскажите пожайлуста!

 

В /templates/vamshop4/javascript/vamshop4.js там есть опции под каждое разрешение:

//OWL Carousel Slider
$(".owl-carousel").owlCarousel({
    margin: 30,
    nav: false,
    center: false,
    stagePadding: 30,
    dots: false,
    loop: false,
    navText: ['<span class="fas fa-chevron-left fa-1x"></span>','<span class="fas fa-chevron-right fa-1x"></span>'],
    responsive:{
        0:{
            items:1,
            margin: 10,
            stagePadding: 20
        },
        360:{
            items:2,
            margin: 10,
            stagePadding: 20
        },
        768:{
            items:3,
            margin: 10,
            stagePadding: 20
        },
        992:{
            items:4,
            margin: 10,
            stagePadding: 20
        },
        1200:{
            items:4,
            margin: 10,
            stagePadding: 20
        }
    }
})

margin - отступ между плиток.

stagePadding - это насколько будет плитка вылазить за границы.

Но отдельно только справа убирать отступ наверное не получится, разве что вообще отступы убрать.

Если через js не получится, тогда только стили писать в /templates/vamshop4/css/stylesheet.css

Link to post
Share on other sites
×
×
  • Create New...