In Topbar Bild einfügen (links neben Service/Hilfe)

Shopware 5 Themes & Design
1

Hallo Comunity,

ich versuche gerade neben Service/Hilfe ein Bild zu bekommen : (mit Photoshop ist es einfach )

ich habe dazu die Datei themes\Frontend\thevaeth\frontend\index\topbar-navigation.tpl versucht zu ändern:

		{* Top bar navigation *}
		{block name="frontend_index_top_bar_nav"}
			

				{action module=widgets controller=index action=shopMenu}

				{* Article Compare *}
				{block name='frontend_index_navigation_inline'}
					{if {config name="compareShow"}}
						
							{block name='frontend_index_navigation_compare'}
								{action module=widgets controller=compare}
							{/block}
						
					{/if}
				{/block}

				{* Service / Support drop down *}
                
				{block name="frontend_index_checkout_actions_service_menu"}
                     

                 
                    
						 {s namespace='frontend/index/checkout_actions' name='IndexLinkService'}{/s}

						{* Include of the widget *}
						
                      
						{block name="frontend_index_checkout_actions_service_menu_include"}
							{action module=widgets controller=index action=menu group=gLeft}
						{/block}
					
				{/block}
			
		{/block}

Allerdings zeigt er das Bild über Service Hilfe an nicht links daneben. Ich schätze ich muß davor einen neuen Block anlegen . Aber wie bewerkstelle ich das am besten?

Gruß und Dank

thevaethi

2

http://www.w3schools.com/css/css_float.asp

https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Positionierung/float

3

Danke, jetzt klappt es!

 

Für alle die es auch so machen wollen:

______________________________________________________________________________________________________________________________

topbar-navigation.tpl :

______________________________________________________________________________________________________________________________

    

        {* Top bar navigation *}
        {block name=„frontend_index_top_bar_nav“}
            

                {action module=widgets controller=index action=shopMenu}

                {* Article Compare *}
                {block name=‚frontend_index_navigation_inline‘}
                    {if {config name=„compareShow“}}
                        

                            {block name=‚frontend_index_navigation_compare‘}
                                {action module=widgets controller=compare}
                            {/block}
                        

                    {/if}
                {/block}

                {* Service / Support drop down *}
                
                {block name=„frontend_index_checkout_actions_service_menu“}
                    

![Ohne ALT schaust du ALT aus!](link zum Bildchen)

                 
                   

                         {s namespace=‚frontend/index/checkout_actions‘ name=‚IndexLinkService‘}{/s}

                        {* Include of the widget *}
                        {block name=„frontend_index_checkout_actions_service_menu_include“}
                            {action module=widgets controller=index action=menu group=gLeft}
                        {/block}
                    

                {/block}
            
        {/block}
    

______________________________________________________________________________________________________________________________

css:

______________________________________________________________________________________________________________________________

.xspalte {
    float: left;
       margin: 1px 20px 0px 0px;
}
 

bei mir hat es so geklappt. thx

gruß thevaethi