文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在Magento2.1的主布局中添加html代码css/js？

问如何在Magento2.1的主布局中添加html代码css/js？
EN

Stack Overflow用户

提问于 2017-01-15 12:58:06

回答 1查看 743关注 0票数 0

我有Magento 2.1版本的默认主题。上传到共享服务器(不是本地主机)。

虽然我见过bootstrap.js，但Α并不存在！引导Css不适用于我的网页。

<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="mage/bootstrap" src="http://magentoeshop.vtsoulis.gr/pub/static/frontend/Magento/luma/el_GR/mage/bootstrap.js"></script>

我有两个问题：

( 1)如何将css (引导)文件放置在主布局或激活中？( 2)如何将css(链接)或js (脚本)放在头部分或正文部分之后？

我是web开发人员，但我不知道要将文件配置为自定义代码的位置。

html

twitter-bootstrap

magento

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-01-15 14:40:42

为了添加自定义css/js文件，必须设置一个自定义主题。

创作主题：http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/themes/theme-create.html
确保将Magento应用程序设置为开发人员模式.
将下列文件夹添加到自定义主题

详情如下：

app / design / frontend / [vendor] / [theme] / Magento_Theme / layout
app / design / frontend / [vendor] / [theme] / web / css

创建以下文件：

app / design / frontend / [vendor] / [theme] / Magento_Theme / layout / default_head_blocks.xml
app / design / frontend / [vendor] / [theme] / web / css / local-m.css
app / design / frontend / [vendor] / [theme] / web / css / local-l.css

将此代码放入default_head_blocks.xml中

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../vendor/magento/framework/Module/etc/module.xsd">
  <head>
    <!-- Add external resources -->
    <css src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" src_type="url" />
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" src_type="url" />
    <!-- Add custom styles -->
    <css src="css/local-m.css" />
    <css src="css/local-l.css" media="screen and (min-width: 768px)"/>
  </head>
</page>

应用您的主题：http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/themes/theme-apply.html
部署静态资源(SSH到magento )。

详情如下：

php bin/magento setup:static-content:deploy

参考文献：

http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/layouts/xml-manage.html
https://magento.stackexchange.com/questions/108685/how-to-add-a-custom-css-file-in-magento-2

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/41661340

复制

相似问题

问如何在Magento2.1的主布局中添加html代码css/js？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在Magento2.1的主布局中添加html代码css/js？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在Magento2.1的主布局中添加html代码css/js？
EN