Элемент кода с 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, и я очень запутался. Этот код просто разрушает мой мир покупок, я не знаю почему? Это очень простое небольшое навигационное меню с подчеркиванием. Мне нужен кто-то, кто знает, что происходит с Shopware. Заранее благодарю


person CleanerCo    schedule 19.04.2018    source источник
comment
Вы действительно должны вставить в это место полный HTML-документ…? Я не знаю программного обеспечения для магазинов, но обычно такие системы позволяют вам встраивать HTML сниппеты в определенные места, которые затем будут отображаться внутри полного шаблона страницы, предоставленного системой ...   -  person CBroe    schedule 19.04.2018
comment
Что вы имеете в виду, это меню так сильно левее?   -  person SupremeDEV    schedule 19.04.2018


Ответы (1)


Вы не должны вкладывать html / css в мир покупок. Вы должны создать свой собственный элемент эмоции, ознакомьтесь с этим руководством: https://developers.shopware.com/developers-guide/custom-shopping-world-elements/

person Alexey Palamar    schedule 20.04.2018
comment
В Shopping World есть элемент Code только для вставки кода HTML, CSS и JS на страницу Shopping World. Но когда я помещаю код, мир покупок ведет себя странно. Он сходит с ума. Я вычерчиваю новые элементы, такие как новое странное меню, строки и т. Д. - person CleanerCo; 21.04.2018
comment
Вероятно, потому что вы вставляете теги html, head и body в элемент кода и это вызывает конфликты, потому что у вас уже есть эти теги, поэтому вам нужно написать только нужный html, в данном случае ‹ul› ... ‹ / ul › - person Daniel Soublett; 03.09.2018