Сообщений в теме: 16

[FamilyLand]

Добрый день.

Подскажите пожалуйста как изменить структуру каталога, чтобы получить результат как на скриншотах. Видел подобные вопросы в других темах, но при попытке изменять код теми способами получается не совсем то, что нужно, либо совсем не то, что нужно)

Наверное на картинке не очень понятно, что нужно, поэтому объясню в двух словах. Нужно чтобы меню всплывало вертикально под каждым разделом и чтобы были только категории без подкатегорий, но чтобы выглядели они как сейчас выглядят подкатегории (мелким шрифтом с точкой слева).

Заранее благодарю за помощь.

Прикрепленные изображения

• 

[Ирина345]

No Tolerance (27 Октябрь 2016 - 12:40) писал:

Добрый день.

Подскажите пожалуйста как изменить структуру каталога, чтобы получить результат как на скриншотах. Видел подобные вопросы в других темах, но при попытке изменять код теми способами получается не совсем то, что нужно, либо совсем не то, что нужно)

Наверное на картинке не очень понятно, что нужно, поэтому объясню в двух словах. Нужно чтобы меню всплывало вертикально под каждым разделом и чтобы были только категории без подкатегорий, но чтобы выглядели они как сейчас выглядят подкатегории (мелким шрифтом с точкой слева).

Заранее благодарю за помощь.

Здравствуйте, найдите в файле main.css

#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;top: 99%;width:100%;left: 0;background: #ffffff;border-bottom: 3px solid #9932cc;border-top: 1px solid #d5d5d5;z-index: 999;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}
#custommenu ul.mainnav li.parent:hover ul.dropdown-menu {display: block;visibility: visible;opacity: 1;filter: alpha(opacity=100);-khtml-opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transform-origin: top center;-moz-transform-origin: top center;transform-origin: top center;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}

#custommenu ul.mainnav li.level1 {list-style: none;width: 25%;float: left;}

замените на

#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;top: 99%;/*width:100%;left: 0;*/background: #ffffff;border-bottom: 3px solid #9932cc;border-top: 1px solid #d5d5d5;z-index: 999;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}
#custommenu ul.mainnav li.parent:hover ul.dropdown-menu {display: block;visibility: visible;opacity: 1;filter: alpha(opacity=100);-khtml-opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transform-origin: top center;-moz-transform-origin: top center;transform-origin: top center;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}

#custommenu ul.mainnav li.level1 {list-style: none;/*width: 25%;float: left;*/}
#custommenu ul.mainnav ul ul {
	display: none;
}

[FamilyLand]

Спасибо, но получилось немножко не так, как хотелось бы.
Получилось так, как на 1 скрине. А можно сделать так, чтобы категории выглядели так, как на 2 скрине?
Или как просто изменить шрифт и стиль написания, чтобы категории выглядели как на втором скрине?

Прикрепленные изображения

• 
• 

[Ирина345]

No Tolerance (27 Октябрь 2016 - 13:39) писал:

Спасибо, но получилось немножко не так, как хотелось бы.
Получилось так, как на 1 скрине. А можно сделать так, чтобы категории выглядели так, как на 2 скрине?
Или как просто изменить шрифт и стиль написания, чтобы категории выглядели как на втором скрине?

Добавьте в конец файла main.css

#custommenu ul.mainnav li.level1 a {
	text-transform: capitalize;
	font-size: 13px;
	padding: 5px 5px 5px 12px;
	margin-bottom: 0;background: url("{ASSETS_IMAGES_PATH}ico-dot.png") no-repeat left 11px;
}

[FamilyLand]

Отлично. Большое спасибо.

Подскажите пожалуйста еще по нескольким моментам:

1. Как сделать чтобы название товара отображалось полностью?
2. Как полностью убрать рейтинг товара?
3. Можно ли сделать так, чтобы в названиях категорий каждое слово не начиналось с большой буквы?

[Ирина345]

No Tolerance (27 Октябрь 2016 - 16:05) писал:

Отлично. Большое спасибо.

Подскажите пожалуйста еще по нескольким моментам:

1. Как сделать чтобы название товара отображалось полностью?
2. Как полностью убрать рейтинг товара?
3. Можно ли сделать так, чтобы в названиях категорий каждое слово не начиналось с большой буквы?

1. Найдите в файле main.css

.products-grid .item .item-inner .item-info .info-inner .item-title {
	margin-bottom: 3px;
	padding-top: 6px;
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

замените на

.products-grid .item .item-inner .item-info .info-inner .item-title {
	margin-bottom: 3px;
	padding-top: 6px;
	font-size: 16px;
	text-overflow: inherit;
	min-height: 48px;
}

2. Добавьте в конец файла main.css

.rating {
	display: none;
}

3. уточните, где именно отображается таким образом категории.

[FamilyLand]

1. Спасибо)
2. А можно еще из карточки товара рейтинг убрать? (скрин 1)
3. Может немножко неправильно объяснил, вот тут каждое новое слово начинается с большой буквы (скрин 2)

Прикрепленные изображения

• 
• 

[Razon]

No Tolerance (27 Октябрь 2016 - 21:05) писал:

1. Спасибо)
2. А можно еще из карточки товара рейтинг убрать? (скрин 1)
3. Может немножко неправильно объяснил, вот тут каждое новое слово начинается с большой буквы (скрин 2)

Здравствуйте,
2) - В файле main.css  найдите:

.product-shop .ratings {float:right;}

Замените на:

.product-shop .ratings {float:right; display: none;}

3) - В файле main.css  найдите:

#custommenu ul.mainnav li.level1 a {
		text-transform: capitalize;
		font-size: 15px;
		padding: 5px 5px 5px 12px;
		margin-bottom: 0;background: url("{ASSETS_IMAGES_PATH}ico-dot.png") no-repeat left 12px;
}

Замените на:

#custommenu ul.mainnav li.level1 a {
		text-transform: none;
		font-size: 15px;
		padding: 5px 5px 5px 12px;
		margin-bottom: 0;background: url("{ASSETS_IMAGES_PATH}ico-dot.png") no-repeat left 12px;
}

[FamilyLand]

Спасибо всем за помощь)

Подскажите пожалуйста как сделать так, чтобы в верхнем меню отображались все телефоны, указанные в настройках.

Нашел в HTML код

Цитата

{% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %}
  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %}
  {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %}

Убрал hide, но телефоны отображаются не на строке, а ниже, и если можно надо сделать так, чтобы все телефоны были просто перечислены через запятую.

Прикрепленные изображения

• 

[Firefly]

No Tolerance (12 Январь 2017 - 14:47) писал:

Спасибо всем за помощь)

Подскажите пожалуйста как сделать так, чтобы в верхнем меню отображались все телефоны, указанные в настройках.

Нашел в HTML код



Убрал hide, но телефоны отображаются не на строке, а ниже, и если можно надо сделать так, чтобы все телефоны были просто перечислены через запятую.

Здравствуйте.
Изменения Вам произвел и создал после бэкап.
Проверьте, пожалуйста.

[FamilyLand]

Firefly (13 Январь 2017 - 14:42) писал:

Здравствуйте.
Изменения Вам произвел и создал после бэкап.
Проверьте, пожалуйста.

Спасибо большое! Всё отлично) сделали даже лучше, чем хотел)

[FamilyLand]

Подскажите пожалуйста как:

1. Сдвинуть логотип по центру
2. Скрыть строку поиска
3. Выровнять список категорий каталога по центру
4. Изменить высоту строки с категориями каталога

[metry]

Добрый вечер. Для внесения изменений зайдите в Редактор шаблона-->main.css

1. Найдите:

#header #logo {display: block;float: left;margin-left: 0;}

замените на:

#header #logo {display: block;float: left;margin-left: 384px;}

2. Найдите строку:

#header .header-right .header-right-inner #search_mini_form, #menu .nav-right .block-search #search_mini_form2 {margin: 0 0 0 20px;float: left;line-height: normal;position: relative;}

замените на:

#header .header-right .header-right-inner #search_mini_form, #menu .nav-right .block-search #search_mini_form2 {display:none; margin: 0 0 0 20px;float: left;line-height: normal;position: relative;}

3.Найдите:

#custommenu ul.mainnav {margin: 0;padding: 0;list-style: none;max-height: 80px;overflow: hidden;}

замените на:

#custommenu ul.mainnav {margin:0;padding-left: 384px;list-style: none;max-height: 80px;overflow: hidden;}

[FamilyLand]

Спасибо)

По 3 пункту получилось немножко не так, как хотелось. Категории просто сместились вправо, встали конечно по центру, но в итоге видно всего 3 категории товаров, может есть какой-то другой способ? Хотелось бы, чтобы категории шли от центра, как в дизайне "Ночь" (на скрине)

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

И еще хотелось бы сделать верхнюю строку такую же как в дизайне "Ночь", вывести туда, поиск, личный кабинет, корзину и сравнение. Телефоны и электронную почту соответсвенно можно убрать оттуда.

Возможно ли это?

Up: с высотой строки разобрался)

Прикрепленные изображения

• 

[Stasya]

No Tolerance (10 Март 2017 - 21:08) писал:

Спасибо)

По 3 пункту получилось немножко не так, как хотелось. Категории просто сместились вправо, встали конечно по центру, но в итоге видно всего 3 категории товаров, может есть какой-то другой способ? Хотелось бы, чтобы категории шли от центра, как в дизайне "Ночь" (на скрине)

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

И еще хотелось бы сделать верхнюю строку такую же как в дизайне "Ночь", вывести туда, поиск, личный кабинет, корзину и сравнение. Телефоны и электронную почту соответсвенно можно убрать оттуда.

Возможно ли это?

Up: с высотой строки разобрался)

Здравствуйте. Внесла Вам изменения на сайт. Проверьте, пожалуйста.

[FamilyLand]

Большое спасибо за труды, но решил всё-таки вернуть как было. Не очень как-то выглядит, видимо не вариант брать примеры из других дизайнов)
Да и при таких кардинальных изменениях в мобильной версии всё перекосило)
Если не сложно напишите что изменить для того чтобы в верхнем меню поменять разделы меню (главная, каталог и т.д.) и контакты (телефоны, почта) местами (контакты вправо, меню влево). Попробую посмотреть.

И еще один момент: после каких-то изменений перестал работать быстрый просмотр товара на главной во вкладке "акции", в "новинках" и "хитах" работает, а в акциях (переименовывал раздел "товары на главной") не работает. Посмотрите пожалуйста где косяк.

[Danil]

No Tolerance (14 Март 2017 - 15:53) писал:

Большое спасибо за труды, но решил всё-таки вернуть как было. Не очень как-то выглядит, видимо не вариант брать примеры из других дизайнов)
Да и при таких кардинальных изменениях в мобильной версии всё перекосило)
Если не сложно напишите что изменить для того чтобы в верхнем меню поменять разделы меню (главная, каталог и т.д.) и контакты (телефоны, почта) местами (контакты вправо, меню влево). Попробую посмотреть.

И еще один момент: после каких-то изменений перестал работать быстрый просмотр товара на главной во вкладке "акции", в "новинках" и "хитах" работает, а в акциях (переименовывал раздел "товары на главной") не работает. Посмотрите пожалуйста где косяк.

Здравствуйте.
Изменения Вам произвел, проверьте, пожалуйста.
Что касается ошибки с быстрым просмотром, то она заключается в ссылках(URL товара) на товары, они написаны на кириллице.