Edit History

Cześć. Jestem w fazie budowy sklepu. Zmodyfikowałem sam wiele rzeczy czasami z pomocą innych osób lecz nie umiem sobie poradzić z jedną rzeczą.

Na wstępie powiem, że nie znam się na tym dlatego proszę o w miarę proste słownictwo.

Na sklepie z szablonem prestige_fashion próbuję edytować górną belkę tak, aby dodać na sztywno 1-2 przyciski. Chciałem do tych przycisków dodać inne klasy w pliku css aby napis się wyróżniał od pozostałych (jakaś animacja lub kolor). Standardowo z poziomu zaplecza nie da się tego zrobić.

Znalazłem plik odpowiadający za tą część i jest to ps_mainmenu.tpl

Znalazłem pod koniec fragment kodu który odpowiada za wyświetlenie belki. 

<div class="menu col-lg-12 js-top-menu position-static hidden-md-down" id="_desktop_top_menu">
{menu nodes=$menu.children}
</div>

{menu nodes=$menu.children} jest rozpisane wyżej w pliku. Jest to cała budowa jak ma to menu się wyświetlać. W samej budowie nic nie zmieniam bo burzy to całą belkę. Przycisk chciałem dodać poza {menu nodes=$menu.children}. 

Kod na przycisk wymyślony metodą prób i błędów to:

	<div class="row">
		<div class="menu col-lg-12 js-top-menu position-static hidden-md-down" >
			<ul class="top-menu" >
				<li class="link" >
                    <a class="dropdown-item" href="https://google.pl" data-depth="0">test</a>
                </li>
			</ul>
		</div>
	</div>

Teraz pojawia się problem. Jak dodać ten kod aby przycisk wyświetlał się z boku belki a nie pod nią? Jak dodaję kod zaraz przed {menu nodes=$menu.children} to przycisk pojawia się na belce przed menu na właściwej wysokości lecz dużo przed samymi kategoriami. Jak dodam kod po {menu nodes=$menu.children} jak cytat poniżej to przycisk ląduje pod menu.

<div class="menu col-lg-12 js-top-menu position-static hidden-md-down" id="_desktop_top_menu">
{menu nodes=$menu.children}
<div class="row">
		<div class="menu col-lg-12 js-top-menu position-static hidden-md-down" >
			<ul class="top-menu" >
				<li class="link" >
                    <a class="dropdown-item" href="https://google.pl" data-depth="0">test</a>
                </li>
			</ul>
		</div>
	</div>
</div>

Jak uprzedzałem, nie jestem programistą, sam próbuję coś po pracy działać lecz akurat z tym szczególnie nie daje sobie rady.

Ktoś coś pomoże?

Pozdrawiam.