Question

我在Shopware 5中创建了新的购物世界，我插入了下一个HTML和CSS的Code元素：

<!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的新手，我很困惑。这段代码只是毁了我的购物世界，我不知道为什么？这是一个非常简单的带有下划线的小型导航菜单。我需要有人知道Shopware发生了什么。先谢谢你了

Answer 1

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

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

1 个答案: