Quantcast
Channel: Themes & Design - Shopware Community Forum
Viewing all articles
Browse latest Browse all 1971

Shopseiten-Links wie im Footer des Responsive Themes

$
0
0

Hallo,

Ich habe einen Shop. Im Footer möchte ich gerne, dass die Links spaltenweise angezeigt werden wie im Standard im Respsonsive Theme. Die Shopseiten (also "Über", "Datenschutz" etc) werden aber einzeilig am Ende unter den Spalten angezeigt, warum?. Ich benutze das erworbene Theme Enoki, von dem ich ableite. Ich überschreibe die index/footer-navigation.tpl.

Die index/footer-navigation.tpl im Parent Theme Enoki:

{* Enoki *}
{extends file="parent:frontend/index/footer-navigation.tpl"}

{namespace name="frontend/index/menu_footer"}

{block name="frontend_index_footer_column_service_hotline"}{/block}
{block name="frontend_index_footer_column_service_menu"}{/block}
{block name="frontend_index_footer_column_information_menu"}{/block}
{block name="frontend_index_footer_column_newsletter"}{/block}

Die index/footer-navigation.tpl in meinem eigenen Theme:

{* http://8mylez.com/blog/social-media-footer/ *}
{* {extends file="parent:frontend/index/footer-navigation.tpl"} *}
{namespace name="frontend/index/menu_footer"}

{* Service hotline *}
{block name="frontend_index_footer_column_service_hotline"}
    <div class="footer--column column--hotline is--first block">
        {block name="frontend_index_footer_column_service_hotline_headline"}
            <div class="column--headline">{s name="sFooterStayInTouchHead"}{/s}</div>
        {/block}

        {block name="frontend_index_footer_column_service_stay_in_touch_content"}
        <style>
            .em-social-links{
                font-size: 40px;
            }
            .em-social-links li{
                display: inline;
            }
            .em-social-links li a{
                display: inline;
                transition: opacity .3s ease-in-out;
            }
            .em-social-links li a:hover{
                opacity: 0.6;
                transition: opacity .3s ease-in-out;
            }
            .em-social-links li a i.fa-facebook-official{
                color: #3b5998;
            }
            .em-social-links li a i.fa-twitter-square{
                color: #55acee;
            }
        </style>
        <ul class="em-social-links">
            <li><a href="https://www.facebook.com/bowtiescory/" target="_blank"><i class="fa fa-facebook-official" aria-hidden="true"></i></a></li>
            <li><a href="http://instagram.com/corybowties/" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
            <li><a href="mailto:info@corybowties.de" target="_blank"><i class="fa fa-envelope"></i></a></li>
        </ul>
        {/block}
    </div>
{/block}

{block name="frontend_index_footer_column_information_menu"}
    <div class="footer--column column--menu block">
        {block name="frontend_index_footer_column_information_menu_headline"}
            <div class="column--headline">{s name="sFooterShopNavi2"}{/s}</div>
        {/block}

        {block name="frontend_index_footer_column_information_menu_content"}
            <nav class="column--navigation column--content">
                <ul class="navigation--list" role="menu">
                    {block name="frontend_index_footer_column_information_menu_before"}{/block}
                        {foreach $sMenu.gBottom2 as $item}

                            {block name="frontend_index_footer_column_information_menu_entry"}
                                <li class="navigation--entry" role="menuitem">
                                    <a class="navigation--link" href="{if $item.link}{$item.link}{else}{url controller='custom' sCustom=$item.id title=$item.description}{/if}" title="{$item.description|escape}"{if $item.target} target="{$item.target}"{/if}>
                                        {$item.description}
                                    </a>

                                    {* Sub categories *}
                                    {if $item.childrenCount > 0}
                                        <ul class="navigation--list is--level1" role="menu">
                                            {foreach $item.subPages as $subItem}
                                                <li class="navigation--entry" role="menuitem">
                                                    <a class="navigation--link" href="{if $subItem.link}{$subItem.link}{else}{url controller='custom' sCustom=$subItem.id title=$subItem.description}{/if}" title="{$subItem.description|escape}"{if $subItem.target} target="{$subItem.target}"{/if}>
                                                        {$subItem.description}
                                                    </a>
                                                </li>
                                            {/foreach}
                                        </ul>
                                    {/if}
                                </li>
                            {/block}
                        {/foreach}
                    {block name="frontend_index_footer_column_information_menu_after"}{/block}
                </ul>
            </nav>
        {/block}
    </div>
{/block}

{* Zahlungsarten *}
{block name="frontend_index_footer_column_payment_options"}
    <div class="footer--column column--menu block">
        {block name="frontend_index_footer_column_service_payment_headline"}
            <div class="column--headline">{s name="sFooterPaymentHead"}{/s}</div>
        {/block}

        {block name="frontend_index_footer_column_service_payment_content"}
            <div class="column--content">
                <p class="column--desc">{s name="sFooterPayment"}{/s}</p>
            </div>
        {/block}
    </div>
{/block}

{block name="frontend_index_footer_column_newsletter"}{/block}

Wenn ich testweise ein Theme zuweise, das von Responsive erbt, dann funktioniert es. Die eingerichteten Shopseiten werden als Spalte angezeigt:

So sieht es momentan aus:

image


Viewing all articles
Browse latest Browse all 1971

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>