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

Корзина - внешний вид

Добрый день! 

Как можно сделать корзину - в таком виде? 

http://screenshot.ru/db9d2115b5669dacfb6e08984d8f4291


Что для этого нужно сделать? 


Спасибо! 

Здравствуйте, Евгений.

Изменение иконки корзины описано в данной теме:

http://help.merchium.ru/support/discussions/topics/1000037571

Спасибо.

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

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

Товаров = 2

На сумму = 2р. 


Здравствуйте, Евгений!

Вы можете изменить любой текст, включая слова шт. и на, отображаемые в корзине, воспользовавшись функциональностью редактирования содержимого. Пожалуйста, откройте страницу Дизайн > Темы в панели администратора и нажмите на кнопку Редактировать содержимое. В открывшемся окне перейдите на страницу товара и измените фразу на необходимую.

Также тексты можно редактировать на странице Администрирование > Языки  > Переводы в панели администратора вашего магазина. В правой колонке указанной страницы есть форма поиска (Ключевые слова), с помощью которой можно находить нужные языковые переменные как по их названию, так и по их содержимому. Вы можете ввести в форму поиска, например, слово шт. и отредактировать значение найденной языковой переменной.

Что касается вида блока Корзины, для того чтобы изменить его, в том числе сделать так, чтобы текст располагался на двух строках, необходимо добавить новые CSS правила для соответствующих элементов в секцию Пользовательские CSS редактора тем.

Для того чтобы найти информацию по используемому селектору, а также определить, какой именно класс используется для определенного элемента, вы можете воспользоваться инструментом разработчика в браузере, который вы используете. Обычно он вызывается нажатием клавиши F12 на клавиатуре. Для поиска нужного элемента вам необходимо нажать на иконку с лупой (в браузере Google Chrome) или на иконку курсора, наводящую на прямоугольную область (в браузере Mozilla Firefox), выделить интересующий вас элемент на странице Мерчиума, и в секции Elements (в браузере Google Chrome) или Styles (в браузере Mozilla Firefox) вы сможете увидеть название класса или идентификатора, значение которого вы сможете изменить.


Подробнее об использовании данного инструмента в браузерах Google Chrome и Mozilla Firefox вы можете найти на следующих ресурсах:


https://developer.chrome.com/devtools (на английском языке)

http://ruseller.com/lessons.php?rub=28&id=1683


http://firebug.ru/

https://mozilla-russia.org/products/firefox/videos/firebug.html


Информацию по работе с различными CSS свойствами вы можете найти на данных ресурсах:


http://htmlbook.ru/

http://www.w3schools.com/css/


Если у вас возникают сложности с добавлением необходимых правил, мы рекомендуем обратиться к специалистам по интеграции дизайна. Вы можете обратиться к специалистам компании ООО "Симтек Девелопмент" или к партнерам в Маркете Мерчиума.

Спасибо.


Очень приятно что ответы появляются быстро, но печально что ответы совершенно не отвечают на поставленный вопрос. 


Для того чтобы привести корзину к тому виду, о котором я говорю (и показываю в скриншоте)

нужно поменять порядок вывода информации. 

В стандарте = цифра (кол-во товара) - слово (шт.)

мне нужно - 

Слово (Товаров) - цифра (кол-во)


И это не имеет никакого отношения к CSS 


Или поясните пожалуйста как это можно сделать с помощью CSS ? 

Евгений,

Нам жаль слышать, что вам кажется, что наши ответы не отвечают на ваши вопросы.

Многие изменения дизайна можно сделать с помощью CSS, поэтому мы вам и предложили использовать CSS правила. Информация о селекторе, который необходимо использовать в вашем конкретном случае описана в предложенной ранее документации:

http://www.w3schools.com/cssref/sel_before.asp

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

 

.ty-minicart-title::before {content: "В корзине "}

 

Спасибо.



 


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