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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...