带有HTML和CSS的代码元素破坏了我在Shopware中的购物世界



我在Shopware 5中创建了一个新的购物世界,并在下一个HTML和CSS中插入了代码元素:

<!DOCTYPE html>
<html>
<head>
         
    <style>
         ul {
           list-style: none;
           margin: 0 auto;
           width: 100%;
           position: fixed;
           top: 107px;
           left: 497px;      
       }
       ul li {
           float: left;
           padding-bottom: 0;
       }
       ul a {
           display: block;
           text-align: center;
           color: black;
           text-decoration: none;
           font-family: 'couture', serif;
           padding: 6px 23px;
           background: white;
           font-size: 12pt;
       }
        ul li#active a {
            border-bottom: 4px solid black;
            color: black;
            padding-bottom: 23px;
        }
    </style>
</head>
<body>
    <ul> 
        <li id="active"><a href="">Mens</a></li>
        <li><a href="">Women</a></li>
    </ul>
</body>
</html>

我认为问题出在 Shopware 5 中,但我是 Shopware 的新手,我很困惑。这段代码只是破坏了我的购物世界,我不知道为什么?这是一个非常简单的带有下划线的小导航菜单。我需要知道购物软件发生了什么的人。提前谢谢你

你不应该把html/css放到购物世界。您应该创建自定义情感元素,请查看本指南:https://developers.shopware.com/developers-guide/custom-shopping-world-elements/

最新更新