Atualmente no template padrão do Shopping, o cabeçalho e rodapé somente trará informações do mesmo.
Mas caso desejar customizar seu layout, para que as informações trazidas sejam de uma loja específica, segue abaixo as chamadas e as telas necessárias.
Tela de contato com endereço e mapa da loja e shopping:
Ir em Layout e conteudo > Layouts da loja > Contato - usar este código:
<h3><i class="fa fa-phone"></i>Telefone:</h3>
<p>{{ shoppingStore ? shoppingStore.primaryPhone : store.info.primaryPhone }}</p>
<hr>
<h3><i class="fa fa-thumb-tack"></i>Endereço:</h3>
<p>{{ shoppingStore ? shoppingStore.distributionCenter : store.info.address }}</p>
<div class="google-map">
{% if shoppingStore %}
<iframe src="https://www.google.com.br/maps?q={{ shoppingStore.distributionCenter.street }}, {{ shoppingStore.distributionCenter.number }}, {{ shoppingStore.distributionCenter.district }}, {{ shoppingStore.distributionCenter.city }}, {{ shoppingStore.distributionCenter.state }}, {{ shoppingStore.distributionCenter.postcode }},%20Brasil&output=embed" style="height:350px;width:100%;border:0" frameborder="0" allowfullscreen></iframe>
{% else %}
<iframe src="https://www.google.com.br/maps?q={{ store.info.address }}, {{ store.info.distributionCenter.number }}, {{ store.info.distributionCenter.district }}, {{ store.info.distributionCenter.city }}, {{ store.info.distributionCenter.state }}, {{ store.info.distributionCenter.postcode }},%20Brasil&output=embed" style="height:350px;width:100%;border:0" frameborder="0" allowfullscreen></iframe>
{% endif %}
CNPJ, LOGO, Telefone e demais informações da loja e shopping:
- Ir em Base (Cabeçalho e rodapé) > Include-Base:header.html.twig
<span><i class="fa fa-phone"></i>
{% if shoppingStore %}{{ shoppingStore.primaryPhone }}{% else %}{{ store.info.primaryPhone }}{% endif %}
</span>
<span><i class="fa fa-envelope"></i> {% if shoppingStore %}{{ shoppingStore.email }}{% else %}{{ store.info.email }}{% endif %}</span>
- Ir em Base (Cabeçalho e rodapé) > Include-Base:footer.html.twig:
<span><i class="fa fa-phone"></i>
{% if shoppingStore %}{{ shoppingStore.primaryPhone }}{% else %}{{ store.info.primaryPhone }}{% endif %}
</span>
<span><i class="fa fa-envelope"></i> {% if shoppingStore %}{{ shoppingStore.email }}{% else %}{{ store.info.email }}{% endif %}</span>
<a href="{{ path("flexy_ftwo_store_index") }}" class="header-logo">
<img src="{% if shoppingStore %}{{ shoppingStore.logo.path }}{% else %}{{ store.info.logoUrl }}{% endif %}" alt="{{ store.info.tradingName }}" class="responsive-img">
</a>
- Ir em Base (Cabeçalho e rodapé) > Include-Base:footer.html.twig:
Adicionar este código no início do template:
{% set shoppingStorePhone = shoppingStore ? shoppingStore.primaryPhone : store.info.primaryPhone %}
{# Pega o CNPJ da loja atual, se for de lojinha virá somente números e não estará formatado #}
{% set shoppingStoreCNPJ = shoppingStore ? shoppingStore.cnpj.cnpj : store.info.cnpj %}
{# Macro do Twig para utilizar máscaras como no JQuery, o caractere '#' será substituido por um dos valores presentes no input #}
{% macro mask(mask, input) %}
{% set input = input|replace({" ": ""})|split('') %}
{% for i in 0..(input|length -1) %}
{% if '#' in mask %}
{% set mask = mask|split('#', 2) %}
{% set mask = mask[0] ~ input[i] ~ mask[1] %}
{% else %}
{% set mask = mask ~ input[i] %}
{% endif %}
{% endfor %}
{{ mask }}
{% endmacro %}
{# Verifica se precisa usar a máscara ou se o valor já está formatado #}
{% if '.' not in shoppingStoreCNPJ %}
{# Importação do próprio arquivo para poder usar macro do Twig #}
{% import 'FlexyFtwoStoreBundle:Include/Base:footer.html.twig' as footerMacro %}
{# Atribui o valor formatado para a variável para poder ser usado da forma formatada já #}
{% set shoppingStoreCNPJ = footerMacro.mask("##.###.###/####-##", shoppingStoreCNPJ) %}
{% endif %}
Continuar em Base (Cabeçalho e rodapé) > Include-Base:footer.html.twig > Include-Base:footer-about.html.twig
<p>{% if shoppingStore %}{{ shoppingStore.name }}{% else %}{{ store.info.companyName }}{% endif %}</p>
<p>CNPJ: {% if shoppingStore %}{{ shoppingStoreCNPJ }}{% else %}{{ store.info.cnpj }}{% endif %}</p>
<p>
{#{{ store.info.address }}#}
{% if shoppingStore %}
{{ shoppingStore.distributionCenter.street }},
{{ shoppingStore.distributionCenter.number }},
{{ shoppingStore.distributionCenter.district }},
{{ shoppingStore.distributionCenter.city }},
{{ shoppingStore.distributionCenter.state }},
{{ shoppingStore.distributionCenter.postcode[:5] }}-{{ shoppingStore.distributionCenter.postcode[5:] }},
{{ store.info.distributionCenter.country }}.
{% else %}
{{ store.info.distributionCenter.street }},
{{ store.info.distributionCenter.number }},
{% if store.info.distributionCenter.complement == true %}
{{ store.info.distributionCenter.complement }},
{% endif %}
{{ store.info.distributionCenter.district }},
{{ store.info.distributionCenter.city }},
{{ store.info.distributionCenter.state }},
{{ store.info.distributionCenter.postcode[:5] }}-{{ store.info.distributionCenter.postcode[5:] }}
{{ store.info.distributionCenter.country }}.
{% endif %}
Adicionar os links de redes sociais da loja e shopping no box do rodapé:
- Ir em Base (Cabeçalho e rodapé) > Include-Base:footer.html.twig
{% if shoppingStore %}
{% if shoppingStore.socialMedia.facebookUrl %}
<li><a href="{{ shoppingStore.socialMedia.facebookUrl }}" title="Facebook" target="_blank"><i class="fa fa-facebook"></i></a></li>
{% endif %}
{% if shoppingStore.socialMedia.twitterUrl %}
<li><a href="{{ shoppingStore.socialMedia.twitterUrl }}" title="Twitter" target="_blank"></li>
{% endif %}
{% if shoppingStore.socialMedia.instagramUrl %}
<li><a href="{{ shoppingStore.socialMedia.instagramUrl }}" title="Instagram" target="_blank"><i class="fa fa-instagram"></i></a></li>
{% endif %}
{% if shoppingStore.socialMedia.youtubeUrl %}
<li><a href="{{ shoppingStore.socialMedia.youtubeUrl }}" title="Youtube" target="_blank"><i class="fa fa-youtube"></i></a></li>
{% endif %}
{% if shoppingStore.socialMedia.googleplusUrl %}
<li><a href="{{ shoppingStore.socialMedia.googleplusUrl }}" title="GooglePlus" target="_blank"></a></li>
{% endif %}
{% else %}
{% if store.info.socialMedia.facebookUrl %}
<li><a href="{{ store.info.socialMedia.facebookUrl }}" title="Facebook" target="_blank"><i class="fa fa-facebook"></i></a></li>
{% endif %}
{% if store.info.socialMedia.twitterUrl %}
<li><a href="{{ store.info.socialMedia.twitterUrl }}" title="Twitter" target="_blank"></li>
{% endif %}
{% if store.info.socialMedia.instagramUrl %}
<li><a href="{{ store.info.socialMedia.instagramUrl }}" title="Instagram" target="_blank"><i class="fa fa-instagram"></i></a></li>
{% endif %}
{% if store.info.socialMedia.youtubeUrl %}
<li><a href="{{ store.info.socialMedia.youtubeUrl }}" title="Youtube" target="_blank"><i class="fa fa-youtube"></i></a></li>
{% endif %}
{% if store.info.socialMedia.googleplusUrl %}
<li><a href="{{ store.info.socialMedia.googleplusUrl }}" title="GooglePlus" target="_blank"></a></li>
{% endif %}
{% endif %}
Comentários
0 comentário
Artigo fechado para comentários.