Привет разработчики и дизайнерыЧуткий подход к проектированию для Magento Интернет-магазин 1.7.0.2
Я сделал -Для первый раз-в пользовательскую тему с ползунков, вкладки и другие элементы дизайна изменения CSS по умолчанию Magento (styles.css)
Как вы могли бы предложить, чтобы приблизиться к уже сделал Magento наш интернет-магазин для того, чтобы превратить его в отзывчивый Интернет-магазин?
Возможно ли это, или мне придется изменить весь css с нуля?
Я работаю над настраиваемым CSS, основанным на макете по умолчанию, чтобы начать, вы должны изучить «CSS Media Queries». Возможно, вы можете посмотреть http://getbootstrap.com, чтобы узнать, как это работает, но это обширный пример. Когда вы узнаете, как работают медиа-запросы, вы должны иметь возможность изменять части текущего макета, чтобы быть отзывчивыми.
Magento имеет иерархию тем, поэтому можно «расширить» тему.
Magento имеет стратегию возврата в случае, если он не может найти конкретный шаблон или файл js/css. Это первая будет выглядеть в
app/design/frontend/custom_package/custom_theme/
skin/frontend/custom_package/custom_theme
Если не найден, то он будет выглядеть:
app/design/frontend/custom_package/default
skin/frontend/custom_package/default
И, наконец, он будет искать в:
app/design/frontend/base/default
skin/frontend/base/default
Это означает, что если существующий тема находится в app/design/frontend/existing_custom_package/default, вы можете создать новую папку в existing_custom_package, например app/design/frontend/existing_custom_package/responsive_theme, а затем поместите только файлы, которые необходимо переопределить. Конечно, вам нужно будет изменить активную тему от по умолчанию до responsive_theme в Admin -> System ->Configuration.
ИЛИ, если вам нужно сохранить существующий CSS нетронутый, создайте свои собственные файлы, связанные с реагированием, вы можете просто добавить их в существующую тему. Просто добавьте необходимые файлы в path-to-custom-theme/layout/page.xml.
@Fabio очень полезный и всесторонний комментарий.Спасибо большое – kost
Не давайте кредитов мне, дайте кредиты @Jacqueline, он был тем, кто ответил. Я только что отредактировал его ответ, чтобы стать более разборчивым –
Медиа-запросы, как уже было сказано, это путь. Возможно, вам придется изменить другие библиотеки, например, библиотеку js slider, например, которая может обрабатывать чувствительные css и события касания. Мобильные сопутствующие световые короба для изображений и т. Д. – Ashley