嗨开发人员和设计师
我第一次制作了一个自定义主题,其中包含滑块、选项卡和其他设计元素,改变了 magento 的默认 css ( styles.css )
您如何建议使用已经制作的 magento eshop 以将其转变为响应式 eshop ?
这是可能的还是我必须从头开始改变整个css?
嗨开发人员和设计师
我第一次制作了一个自定义主题,其中包含滑块、选项卡和其他设计元素,改变了 magento 的默认 css ( styles.css )
您如何建议使用已经制作的 magento eshop 以将其转变为响应式 eshop ?
这是可能的还是我必须从头开始改变整个css?
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
这意味着,如果现有主题位于您可以在existing_custom_packageapp/design/frontend/existing_custom_package/default
中创建一个新文件夹,例如,然后只放置您需要覆盖的文件。当然,您需要将.app/design/frontend/existing_custom_package/responsive_theme
Admin -> System ->Configuration
或者,如果您需要保持现有 CSS 不变,创建自己的响应式相关文件,您可以将它们添加到现有主题中。只需将所需的文件添加到path-to-custom-theme/layout/page.xml
.
我一直在研究基于默认布局的自定义 CSS,首先您应该查看“CSS 媒体查询”。也许您可以查看http://getbootstrap.com以了解它的工作原理,但这是一个广泛的示例。当您了解媒体查询如何工作时,您应该能够更改当前布局的某些部分以进行响应。