Начать новую тему

Главное меню. Профиль. Корзина.

Добрый день! Столкнулся с такой проблемой в главном меню(смотреть прикрепленный файл "Главное меню 1"). Не давно удалось настроить произвольную иконку корзины, хотелось бы тоже самое сделать и с иконкой профиля. В дополнение к этому, хотелось бы убрать текстовые поля "Профиль" и "Корзина", оставив только иконки. Супер-крутым решением для идеальной корзины и профиля, было бы маленькое уведомление в верхнем правом углу иконки, как на современных смартфонах. Уведомление для корзины должно показывать количество товаров добавленных в корзину. Уведомление для профиля, входящие сообщения и прочие вещи, относящиеся к клиенту. По моему это очень хорошее и самое главное - понятное решение для корзины и профиля, позволяющее так же с экономить место в панели главного меню. Пример выложил в файле "Главное меню 2"

Здравствуйте, Иван!


Спасибо за ваш запрос. 


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

Что касается других запросов на изменение внешнего вида данных блоков, мы можем предложить вам услуги нашего сертифицированного партнера - компании ООО “Симтек Девелопмент”. Сайт компании ООО “Симтек Девелопмент” находится по адресу http://www.simtechdev.ru/. Эта компания специализируется на предоставлении различного рода услуг пользователям программной платформы CS-Cart (Мерчиум создан на базе CS-Cart) по всему миру.


Также совсем скоро у нас планируется открытие Маркета Мерчиума. В нем наши партнеры будут предлагать пользователям магазинов на Мерчиуме свои услуги. Вы можете следить за новостями открытия Маркета в нашем блоге и Twitter.


Спасибо.

Думаю заинтересован в данной модификации, хочу попробовать. В остальном ждем маркет :)

Уважаемый Иван!


Спасибо за ваш ответ.


Ниже приведены инструкции по изменению иконки профиля:


1. Сначала необходимо получить ссылку на изображение, например, загрузить ее на сервер Мерчиума:

  1. В администраторской части магазина перейдите на страницу Дизайн > Редактор файлов.
  2. Откройте секцию, в которую будете загружать изображения (Темы, Изображения или Файлы).
  3. Загрузите изображение в желаемую директорию с помощью кнопки с иконкой +.
  4. Когда изображение загружено, в секции слева выберите изображение. С помощью контекстного меню откройте изображение в новой вкладке браузера и скопируйте адрес изображения из адресной строки браузера.


Также отметим, что использование изображений со сторонних серверов также возможно, если имеется ссылка на изображение.


2. Затем нужно добавить пользовательские стили:

  1. В панели администратора перейдите на страницу Дизайн > Темы.
  2. Нажмите на кнопку Редактировать дизайн справа от выбранной темы.
  3. Откройте секцию Пользовательские CSS.
  4. Вставьте код, указанный ниже.
  5. Нажмите Сохранить.

 

.ty-icon-user:before {
	content: "";
}
.ty-account-info__title {
	background-image: url("ссылка_на_изображение");
	background-position: left;
	background-repeat: no-repeat;
        background-size: 13px 13px;
} 

   

Надеемся, данная информация окажется полезной для вас. Пожалуйста, проверьте.


Спасибо.

Спасибо большое! Теперь осталось убрать текст, оставив только стрелочки 

Уважаемый Иван!


Спасибо за ваше сообщение. Мы рады вам помочь.


Как упоминалось ранее, данная модификация несовместима с модификацией по изменению иконки профиля, выполненной в рамках поддержки. Если обе модификации необходимы для вашего магазина, мы можем предложить вам услуги нашего сертифицированного партнера - компании ООО “Симтек Девелопмент”.


Спасибо. 

Хорошо! А цвет текста профиля и корзины и цвет стрелочек можно изменить? 

Уважаемый Иван!


Спасибо за ваш запрос. 


Для изменения цвета данных элементов, пожалуйста, добавьте следующие строки в поле Пользовательские CSS редактора тем:


 

.ty-account-info__title span {
	color:red;
}
i.ty-icon-down-micro.ty-account-info__user-arrow {
	color:red;
}

 

Пожалуйста, замените элемент red на необходимый цвет.


Надеемся, данная информация окажется полезной для вас.


Спасибо.

Спасибо большое! Но получилось на половину, теперь с меню профиля все отлично, а с корзиной не получилось, есть ли способ изменить цвет текста корзины и цвет стрелочки у корзины? Файл прикрепил

Уважаемый Иван!


Спасибо за ваше сообщение.


Для изменения этих элементов, пожалуйста, добавьте следующие правила в поле Пользовательские CSS:

 

span.ty-minicart-title  {
	color:red;
}
.top-cart-content i.ty-icon-down-micro {
	color:red;
}

 

Пожалуйста, замените элемент red на необходимый цвет.


Надеемся, данная информация окажется полезной для вас.


Спасибо.

Цвет изменен! Божественно! Спасибо огромное! Так же используя команду в одной из веток удалось оптимизировать расположение стрелок!

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

Рис_1.png
(15.6 KB)
Рис_2.png
(12.5 KB)

Уважаемый Иван!


Спасибо за комментарии о предоставленной модификации. Мы рады вам помочь.


Как вы обратили внимание, ширина блока зависит от количества символов. А текст, который отображается в данном блоке, зависит от содержимого корзины ваших покупателей, которое практически всегда разное. В связи с этим, боюсь, что нет возможности ограничить данный блок по ширине. В качестве альтернативы вы можете уменьшить количество элементов верхней панели, чтобы исключить шанс того, что корзина будет перенесена на вторую строку. Если вам нужна помощь по данному вопросу, пожалуйста, сообщите.


Спасибо.



Понятно! Все равно огромное спасибо, меню теперь выглядит совсем иначе, лучше чем я предполагал! Но конечно же еще еще ряд вопросов и я надеюсь вы мне поможете :) 

К примеру я заметил, что при наведении курсора на корзину или на профиль, появляется так называемая область выделения, она представлена на Рисунке 1. Так вот, хотелось бы задать произвольные размеры данной области, как для профиля, так и для корзины, т.е длину и ширину. 

Уважаемый Иван!


Спасибо за ваше сообщение. Мы предоставим ответ на ваш запрос немного позднее.


Спасибо.

Здравствуйте, Иван.

Для того чтобы задать свои размеры упомянутой области выделения необходимо добавить следующую часть кода в поле Пользовательские CSS:

.ty-dropdown-box__title {

    padding: 7px 11px 7px 8px;

}

 

и изменить размеры полей свойства padding на необходимые.


Спасибо.


Войдите, чтобы опубликовать свой комментарий