Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Настройка Стиля Верхнего Меню Rate Topic   - - - - -

 
  • filmarkin
  • Member
  • Trial users
  • Join Date: 18-Mar 17
  • 18 posts

Posted 19 March 2017 - 10:18 PM #1

Добрый день,

 

У меня на сайте 12 категорий товаров, добавив их в верхнее меню, категории выстроились в 2 ряда. Мне нужно что бы они были в 1 ряду, на мой взгляд есть два решения, но я не знаю как их реализовать, очень нужна Ваша помощь.

 

 

1.  На многих сайтах видел кнопку "Категории", при нажатии на которую выпадает меню. Возможно это реализовать в cs-cart без покупки модуля?

 

2. Некоторые категории состоят из 2 или 3 слов, мою проблему можно решить переносом слов, есть ли возможность перенести слова на другую строчку? Пробовал добавить </br> между словами в наименовании в самой админке-меню, но система не понимает код.

 

Спасибо

 



 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 21170 posts

Posted 20 March 2017 - 08:05 AM #2

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


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    Multi-Vendor PLUS           USD 3100 (2775)
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      Multi-Vendor Ultimate       USD 7500 (6000)

 
  • filmarkin
  • Member
  • Trial users
  • Join Date: 18-Mar 17
  • 18 posts

Posted 20 March 2017 - 11:39 AM #3

Сайт благоустраиваем и добавляем товар на локальном компьютере. Тема выбрана Bright, фон убрали вот ссылка http://prntscr.com/em75t5



 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 21170 posts

Posted 20 March 2017 - 02:12 PM #4

Сайт благоустраиваем и добавляем товар на локальном компьютере. Тема выбрана Bright, фон убрали вот ссылка http://prntscr.com/em75t5


Тогда посмотрите на маркетплейсе модули для меню, там были модули, которые делают интересующую вас кнопку.
GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    Multi-Vendor PLUS           USD 3100 (2775)
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      Multi-Vendor Ultimate       USD 7500 (6000)

 
  • filmarkin
  • Member
  • Trial users
  • Join Date: 18-Mar 17
  • 18 posts

Posted 21 March 2017 - 07:58 AM #5

хорошо посмотрю, спасибо. а как переместить часть текста на другую строчку?



 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 21170 posts

Posted 21 March 2017 - 01:54 PM #6

Как вариант, задать максимальную ширину ячейкам

 

http://prntscr.com/emo7jk


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    Multi-Vendor PLUS           USD 3100 (2775)
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      Multi-Vendor Ultimate       USD 7500 (6000)

 
  • filmarkin
  • Member
  • Trial users
  • Join Date: 18-Mar 17
  • 18 posts

Posted 22 March 2017 - 03:38 PM #7

Спасибо!



 
  • filmarkin
  • Member
  • Trial users
  • Join Date: 18-Mar 17
  • 18 posts

Posted 22 March 2017 - 03:49 PM #8

Если прописывать этот класс, то он действует и на быстрые ссылки, как лучше прописать, подскажите, пожалуйста?



 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 21170 posts

Posted 23 March 2017 - 06:42 AM #9

Если прописывать этот класс, то он действует и на быстрые ссылки, как лучше прописать, подскажите, пожалуйста?

 

Попробуйте так

.top-menu .ty-menu__item  {
    ....
}

GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    Multi-Vendor PLUS           USD 3100 (2775)
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      Multi-Vendor Ultimate       USD 7500 (6000)

 
  • filmarkin
  • Member
  • Trial users
  • Join Date: 18-Mar 17
  • 18 posts

Posted 23 March 2017 - 01:41 PM #10

Отлично получилось, спасибо. Я прописал еще 

text-align: center;

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



 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 21170 posts

Posted 23 March 2017 - 02:30 PM #11

Отлично получилось, спасибо. Я прописал еще 

text-align: center;
 и выпадающее меню тоже выстроилось по центру. Как применить только к верхнему меню, что бы не касалось подменю.

 
Для подменю задайте нужное выравнивание
.top-menu .ty-menu__submenu-item  {
    ....
}

GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    Multi-Vendor PLUS           USD 3100 (2775)
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      Multi-Vendor Ultimate       USD 7500 (6000)

 
  • filmarkin
  • Member
  • Trial users
  • Join Date: 18-Mar 17
  • 18 posts

Posted 23 March 2017 - 06:54 PM #12

спасибо



 
  • lexizli
  • Senior Member
  • Members
  • Join Date: 24-Oct 14
  • 170 posts

Posted 12 October 2017 - 04:17 AM #13

Есть еще вопрос по верхнему меню.

 

Мне не нравится, что оно сворачивается при ширине экрана меньше 1167px. У меня там не так много пунктов на fiwear.ru 

 

Просмотрел, вроде, все css и нигде не нашел, как это поправить.

 

Подскажите, люди добрые, что нужно поправить?  Хочется, чтоб на планшетах верхнее меню уже было нормально видно, оно без проблем входит в 500px.



 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 21170 posts

Posted 12 October 2017 - 06:06 AM #14

Есть еще вопрос по верхнему меню.

 

Мне не нравится, что оно сворачивается при ширине экрана меньше 1167px. У меня там не так много пунктов на fiwear.ru 

 

Просмотрел, вроде, все css и нигде не нашел, как это поправить.

 

Подскажите, люди добрые, что нужно поправить?  Хочется, чтоб на планшетах верхнее меню уже было нормально видно, оно без проблем входит в 500px.

 

Там не только стили, еще придется допиливать яваскрипт (js/tygh/responsive.js)

 

Учтите, что у вас сворачивается не с 1167, а с 768 px

 

http://prntscr.com/gwd6jo


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    Multi-Vendor PLUS           USD 3100 (2775)
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      Multi-Vendor Ultimate       USD 7500 (6000)

 
  • lexizli
  • Senior Member
  • Members
  • Join Date: 24-Oct 14
  • 170 posts

Posted 12 October 2017 - 06:27 AM #15

Там не только стили, еще придется допиливать яваскрипт (js/tygh/responsive.js)

 

Учтите, что у вас сворачивается не с 1167, а с 768 px

 

http://prntscr.com/gwd6jo

 

Почему я вижу, что сворачивается с 1167px?

 

https://image.prntsc...ZpepmYawF4w.png

 

Можете подсказать, что нужно допилить?

 

Посмотрел js/tygh/responsive.js там на самом деле 768. Но при этой ширине меню не сворачивается, а исчезает напрочь. Или не там смотрел?

            responsiveInlineTextLinksLargeTouch: function(e) {
                var elm = $(e.target);
                if (ui.winWidth() >= 767 && e.type == 'touchstart') {

                    var linksItem = elm.hasClass('ty-text-links__item') ? elm : elm.closest('.ty-text-links__item');
                    if (!linksItem.hasClass('is-hover-link') && linksItem.hasClass('ty-text-links__subitems')) {
                        e.preventDefault();
                        linksItem.siblings('.ty-text-links__item').removeClass('is-hover-link');
                        linksItem.addClass('is-hover-link');
                    }

                } else {
                    $('.ty-text-links__item').removeClass('is-hover-link');
                }
            }


 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 21170 posts

Posted 12 October 2017 - 01:03 PM #16

 

Почему я вижу, что сворачивается с 1167px?

 

https://image.prntsc...ZpepmYawF4w.png

 

Можете подсказать, что нужно допилить?

 

Посмотрел js/tygh/responsive.js там на самом деле 768. Но при этой ширине меню не сворачивается, а исчезает напрочь. Или не там смотрел?

 

 

У вас на скрине не свернуто же. Или вы что-то другое под "свернуто" понимаете. 

 

По коду не подскажу, не разбирался в принципе работы. Вроде как одни элементы скрываются, другие показываются


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    Multi-Vendor PLUS           USD 3100 (2775)
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      Multi-Vendor Ultimate       USD 7500 (6000)

 
  • lexizli
  • Senior Member
  • Members
  • Join Date: 24-Oct 14
  • 170 posts

Posted 12 October 2017 - 01:13 PM #17

У вас на скрине не свернуто же. Или вы что-то другое под "свернуто" понимаете. 

 

По коду не подскажу, не разбирался в принципе работы. Вроде как одни элементы скрываются, другие показываются

 

На скрине два окна. В заднем меню развернуто, там видно три пункта. А в переднем свернуто — один пункт остался. :-(