温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

magento建立子主题

发布时间:2020-08-16 20:17:08 来源:网络 阅读:1214 作者:tianlei4479 栏目:开发技术

让我们的孩子创造一个主题,我们所有的自定义主题在Magento 2去这里:

应用程序/设计/开发/ company_name / theme_name

让我们假设,我们公司的名称是公司和我们的主题名称是基本。我们需要创建以下主题目录结构:

<app>
     <design>
          <frontend>
              <mycompany>
                  <basic>
                      <etc>
                      <Magento_Theme>
                           <layout>
                                 default.xml
                      <media>
                           preview.png
                      <web>
                           <css>
                           <fonts>
                           <p_w_picpaths>
                           <js>
                  theme.xml
                  registration.php

我的公司:—

名称的主题包

<strong>基本</strong>的主题的名称。我们可以有多个命名的主题在我的文件夹。

等view.xml:—

此文件用于指定产品的图像尺寸,缩略图等

<strong>magento_theme:</strong>这个目录是用来覆盖现有的Magento的主题文件。

magento_theme /布局/ default.xml:—默认情况下magento2假定你的主题徽标文件应该是:/网络/媒体/台如果你需要一些其他的文件为标志,然后你必须声明它default.xml文件

该文件还用于重写默认主题的设置。

<strong>媒体/ preview.png:</strong>-预览当前主题。

<strong>网络:</strong>这个目录包含所有主题的静态数据,如图像、样式、JavaScript、字体等。

<strong>registration.php:</strong>该文件需要注册我们的主题magento2系统。

<strong>theme.xml:</strong>-这是一个强制性文件,定义了我们的主题名称,其母和可选的主题的预览图像。

创建主题文件

让我们现在创造我们的文件一个接一个。

theme.xml(应用程序/设计/开发/公司/基本/ theme.xml)

<theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd">
   <title>Basic</title> <!-- your theme's name -->
   <parent>Magento/blank</parent> <!-- the parent theme -->
   <media>
        <preview_p_w_picpath>media/preview.jpg</preview_p_w_picpath> <!-- theme's preview p_w_picpath -->
   </media>
</theme>

registration.php(应用程序/设计/开发/公司/基本/ registration.php)


<?php
\Magento\Framework\Component\ComponentRegistrar::register(
    \Magento\Framework\Component\ComponentRegistrar::THEME,
    'frontend/mycompany/basic',
    __DIR__
);

default.xml(应用程序/设计/开发/公司/基本/ magento_theme /布局/ default.xml)


<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceBlock name="logo">
           <arguments>
              <argument name="logo_file" xsi:type="string">p_w_picpaths/my_logo.png</argument>
              <argument name="logo_img_width" xsi:type="number">200</argument>
              <argument name="logo_img_height" xsi:type="number">200</argument>
           </arguments>
        </referenceBlock>
    </body>
</page>

在这一点上,我们的主题是准备。清除缓存,我们将选择我们从管理的新主题。

现在,以下路径admin登录和移动:

内容->设计->主题

你应该看到你的主题上市。

现在去:

商店->配置->设计

选择左上方的商店前视图主要网站。现在点击

设计->设计主题

取消使用默认的复选框,选择你的主题。点击保存配置,清空你的缓存,你的新主题的准备。检查您的主页。


向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI