Componente Pie de Página - Bsale-IO/template-docs GitHub Wiki
El pie de página o footer es un componente de apoyo que se ubica en la parte inferior de una página web para desplegar información secundaria como: información de contacto, términos y condiciones, información de la empresa, etc...
En la definición de HTML 5 se agregó una etiqueta footer que le indica a los buscares que la información contenida dentro de footer es secundaria, es por ello que se recomienda usar dicha etiqueta para definir el pie de página
En los template de Bsale desde la versión 4 es posible agregar una función Agregar desde Colección, para que dicha función levante un modal indicando que el producto fue agrega puede agregar el componente modal > agregar al carro después de la etiqueta <footer> en tu pie de página.
<footer>
...
</footer>
{{ 'modal > agregar al carro' | get_component }}Después de definir el componente puedes llamarlo así:
{{ "pie de página" | get_component}}Código Componente pie de pagina Plantilla Matias
<footer class="bs-footer d-print-none ">
<div class="container mt-lg-5 text-lg-left text-center">
<div class="row">
<div class="col-md-3 text-center">
<div class="row">
<div class="col-12">
<a href="/" title="{{ site.name }}">
<img
class="img-fluid"
src="{{ site.logo | image_url: 'S' }}"
title="{{ site.name }}"
alt="{{ site.name }}"
loading="lazy"
>
</a>
</div>
<div class="col-12">
{{'redes sociales > empresa' | get_component}}
{{'redes sociales > chat' | get_component}}
</div>
</div>
</div>
<!-----------------------------Redes Menu------------------------------------------------------------------------->
<div class="col-12 col-sm-4 col-md-3 mt-4 mt-md-0">
<h6 class="title-footer">PRODUCTO</h6>
{{ 'Pie de pagina > Productos' | get_menu : 'Pie de pagina > menus2' }}
</div>
<div class="col-12 col-sm-4 col-md-3 mt-2 mt-sm-4 mt-md-0">
<h6 class="title-footer">TIENDA</h6>
{{ 'Pie de pagina > Info adicional' | get_menu : 'Pie de pagina > menus2' }}
</div>
<!------------------------------Componente Contacto------------------------------------------------------------------------>
<div class="col-12 col-sm-4 col-md-3 mt-2 mt-sm-4 mt-md-0">
<h6 class="title-footer">CONTACTO</h6>
{{ 'Pie de pagina > contacto' | get_componet }}
</div>
<br>
<!-------------------------------Copyright----------------------------------------------------------------------->
</div>
<aside class="bs-credits">
<!------------------------------Medios de Pago------------------------------------------------------------------------>
<div class="col-12">
{{ 'Pie de pagina > Medios de Pago' | get_componet }}
</div>
<br>
<small >
<strong class="d-block d-md-inline">{{ 'name' | site }} © {{ 'now' | date: '%Y' }}</strong>
Creado por <a target="_blank" title="Conoce Bsale" rel="nofollow noopener noreferrer" href="https://www.bsale{% if site.currency.isoCode == 'PEN' %}.com.pe{%else%}.cl{%endif%}/sheet/precios">Bsale</a>
</small>
</aside>
</div>
<a class="ir-arriba btn btn-secondary p-3 fas fa-angle-double-up"></a>
</footer>
{{"Carro modal" | get_component }}
{{"facebook chat" | get_component }}Código Componente pie de pagina Plantilla Facundo
{% assign background = "FOOTER.png" | image_url %}
<!--------Horario-tienda---->
{% assign horarios_tienda = "Lun a Vie 08:00 a 18:00hrs" -%}
{% assign show = true %}
<footer class="bs-footer d-print-none lazy" data-bg="{{background}}">
<div class="bs-footer__containt">
<div class="container ">
<div class="row">
<!------------------------------Componente Menu------------------------------------------------------------------------>
<div class="col-md-6 col-lg-3 col-lg-3 bs-footer__section">
<h5 class="bs-footer__title">Información</h5>
{{ 'Pie de pagina > acerca' | get_menu : 'Pie de pagina > menus' }}
</div>
<!-----------------------------Contacto------------------------------------------------------------------------->
<address class="col-md-6 col-lg-3 bs-footer__section">
<h5 class="bs-footer__title">Contacto</h5>
{% if site.contact_numbers.size == 1 %}
<span class="h6">Teléfono</span>
{% elsif site.contact_numbers.size > 1 %}
<span class="h6">Teléfonos</span>
{% endif %}
{% for tel in site.contact_numbers %}
<a class="bs-footer__link"
href="{{ tel }}"
title="Clic para llamar"
data-bs="contact.phone"
data-info="{{ tel }}" >
{{ tel }}
</a>
{% endfor %}
{% if site.shop_email.size > 0 %}
<span class="h6">Email</span>
<a
class="bs-footer__link"
title="Enviar mail"
href="mailto:{{ site.shop_email }}"
rel="nofollow noopener noreferrer">
{{ site.shop_email }}
</a>
{% endif %}
</address>
<!---Dirección----------------------------------------->
{% if site.shop_address.size > 0 %}
<address class="col-md-6 col-lg-3 bs-footer__section">
<h5 class="bs-footer__title">Dirección</h5>
<a class="bs-footer__link"
title="ver dirección en mapa"
href="https://maps.google.com/?q={{ site.shop_address | escape }}"
target="_blank" rel="nofollow noopener noreferrer">
{{ site.shop_address }}
</a>
{% endif %}
{% if show %}
<a class="bs-footer__link"
title="Horarios">
{{horarios_tienda}}
</a>
{% endif %}
</address>
<!------------------------------Formulario----------------------------------------------------------------------->
<div class="col-md-6 col-lg-3 col-lg-3 bs-footer__section">
<h5 class="bs-footer__title__little">Redes Sociales</h5>
<div class="bs-footer__social">
{% for rrss in site.social_networks %}
{% assign rs_title = rrss.title | downcase %}
{% case rs_title %}
{% when "facebook" %}
<a class="btn-social"
title="visitanos en {{rrss.title}}"
href="{{ rrss.value }}"
target="_blank"
rel="nofollow noopener noreferrer">
<i class="fab fa-{{ rs_title }}" aria-hidden="true"></i>
</a>
<a class="chat-{{rrss.title}} order-9"
data-bs="chat.facebook"
href="{{rrss.value}}"
rel="nofollow noopener noreferrer"
target="_black"
title="Mandanos un Mensaje"
>
<i class="fab fa-facebook-messenger"></i>
</a>
{% when "whatsapp" %}
<a class="chat-{{rrss.title}}"
data-bs="chat.whatsapp"
href="https://api.whatsapp.com/send?phone={{ rrss.value | replace: " ", "" | replace: "+",""}}"
rel="nofollow noopener noreferrer"
target="_blank"
title="Mandanos un Whatsapp"
>
<i class="fab fa-whatsapp"></i>
</a>
{% else %}
<a class="btn-social"
title="visitanos en {{rrss.title}}"
href="{{ rrss.value }}"
target="_blank"
rel="nofollow noopener noreferrer">
<i class="fab fa-{{ rs_title }}" aria-hidden="true"></i>
</a>
{% endcase %}
{% endfor %}
</div>
<div class="bs-form-inline">
<h5 class="bs-footer__title__little">Newsletter</h5>
{{ 'Suscripcion' | print_form: "Gracias por contactarnos", "Enviar", "", "false" }}
</div>
</div>
</div><!--row-->
<!-- medios de pago -->
{{ 'Pie de pagina > Medios de Pago' | get_component }}
</div><!--container-->
<!-------------------------------Copyright----------------------------------------------------------------------->
<aside class="bs-copyright">
<strong class="d-block d-md-inline">{{ 'name' | site }} © {{ 'now' | date: '%Y' }}</strong>
Creado por <a target="_blank" title="Conoce Bsale" rel="nofollow noopener noreferrer" href="https://www.bsale{% if site.currency.isoCode == 'PEN' %}.com.pe{%else%}.cl{%endif%}/sheet/precios">Bsale</a>
</aside>
</div>
<span class="ir-arriba fas fa-angle-double-up"></span>
</footer>
{{"Carro modal" | get_component }}
{{"facebook chat" | get_component }}Código Componente pie de pagina Plantilla Catalina
<!--------Horario-tienda---->
{% assign horarios_tienda = "Lun a Vie 08:00 a 18:00hrs" -%}
{% assign show = true %}
<footer class="bs-footer d-print-none">
<div class="container ">
<div class="row">
<div class="col-md-4 col-lg-3 bs-footer__section bs-footer_section_logo text-center">
<a href="/" title="{{ site.name }}">
<img class="img-fluid"
src="{{ 'logo-blanco-out.png' | image_url: 'S' }}"
title="{{ site.name }}"
alt="{{ site.name }}"
loading="lazy">
</a>
<div class="bs-footer__social">
{% for rrss in site.social_networks %}
{% assign rs_title = rrss.title | downcase %}
{% case rs_title %}
{% when "facebook" %}
<a class="btn-social"
title="visitanos en {{rrss.title}}"
href="{{ rrss.value }}"
target="_blank"
rel="nofollow noopener noreferrer">
<i class="fab fa-{{ rs_title }}" aria-hidden="true"></i>
</a>
<a class="chat-{{rrss.title}} order-9"
data-bs="chat.facebook"
href="{{rrss.value}}"
rel="nofollow noopener noreferrer"
target="_black"
title="Mandanos un Mensaje"
>
<i class="fab fa-facebook-messenger"></i>
</a>
{% when "whatsapp" %}
<a class="chat-{{rrss.title}}"
data-bs="chat.whatsapp"
href="https://api.whatsapp.com/send?phone={{ rrss.value | replace: " ", "" | replace: "+",""}}"
rel="nofollow noopener noreferrer"
target="_blank"
title="Mandanos un Whatsapp"
>
<i class="fab fa-whatsapp"></i>
</a>
{% else %}
<a class="btn-social"
title="visitanos en {{rrss.title}}"
href="{{ rrss.value }}"
target="_blank"
rel="nofollow noopener noreferrer">
<i class="fab fa-{{ rs_title }}" aria-hidden="true"></i>
</a>
{% endcase %}
{% endfor %}
</div>
</div>
<!------------------------------Componente Menu------------------------------------------------------------------------>
<div class="col-md-4 col-lg-3 col-lg-3 bs-footer__section">
<h5 class="bs-footer__title">Información</h5>
{{ 'Pie de pagina > acerca' | get_menu : 'Pie de pagina > menus' }}
</div>
<!-----------------------------Contacto------------------------------------------------------------------------->
<address class="col-md-4 col-lg-3 bs-footer__section">
<h5 class="bs-footer__title">Contacto</h5>
{% if site.shop_address.size > 0 %}
<a class="bs-footer__link"
title="ver dirección en mapa"
href="https://maps.google.com/?q={{ site.shop_address | escape }}"
target="_blank" rel="nofollow noopener noreferrer">
<i class="bs-footer__link__icon fas fa-map-marker-alt"></i>{{ site.shop_address }}
</a>
{% endif %}
{% for tel in site.contact_numbers %}
<a class="bs-footer__link"
href="{{ tel }}"
title="Clic para llamar"
data-bs="contact.phone"
data-info="{{ tel }}" >
<i class="bs-footer__link__icon fas fa-phone"></i>{{ tel }}
</a>
{% endfor %}
{% if site.shop_email.size > 0 %}
<a
class="bs-footer__link"
title="Enviar mail"
href="mailto:{{ site.shop_email }}"
rel="nofollow noopener noreferrer">
<i class="bs-footer__link__icon fas fa-envelope"></i>{{ site.shop_email }}
</a>
{% endif %}
{% if show %}
<a
class="bs-footer__link"
title="Horarios">
<i class="bs-footer__link__icon fas fa-clock"></i>{{horarios_tienda}}
</a>
{% endif %}
</address>
<!-------------------------------Formulario----------------------------------------------------------------------->
<div class="col-lg-3 bs-footer__section bs-form-inline">
<h5 class="bs-footer__title" >Newsletter</h5>
<small>Sé el primero en enterarte de nuestras nuevas colecciones, ventas especiales y beneficios exclusivos.</small>
{{ 'Suscripcion' | print_form: "Gracias por contactarnos", "Enviar", "", "false" }}
</div>
</div><!--row-->
<!-- medios de pago -->
{{ 'Pie de pagina > Medios de Pago' | get_component }}
</div><!--container-->
<span class="ir-arriba fas fa-arrow-up"></span>
<!-------------------------------Copyright----------------------------------------------------------------------->
</div>
<aside class="bs-credits">
<br>
<small >
<strong class="d-block d-md-inline">{{ 'name' | site }} © {{ 'now' | date: '%Y' }}</strong>
Creado por <a target="_blank" title="Conoce Bsale" rel="nofollow noopener noreferrer" href="https://www.bsale{% if site.currency.isoCode == 'PEN' %}.com.pe{%else%}.cl{%endif%}/sheet/precios">Bsale</a>
</small>
</aside>
</div>
<a class="ir-arriba btn btn-secondary p-3 fas fa-angle-double-up"></a>
</footer>
{{"Carro modal" | get_component }}
{{"facebook chat" | get_component }}Código Componente pie de pagina Plantilla Sofía
<footer class="bs-footer d-print-none">
<div class="container-fluid container-xxl py-4">
<div class="row">
<div class="col-lg-7 col-md-6 order-md-2">
<div class="row">
<!--- Contactanos ----------------------------------------------------------------------->
<address class="col-xl-auto col-sm-6 mb-5">
<h5 class="bs-footer-title">
Contáctanos
</h5>
{% for tel in site.contact_numbers %}
{% if site.contact_numbers.size == 1 %}
<span class="h6 title-contact">Teléfono:</span>
{% elsif site.contact_numbers.size > 1 %}
<span class="h6 title-contact">Teléfonos:</span>
{% endif %}
<div class="bs-footer__link">
<i class="bs-footer__link__icon fas fa-phone"></i>
<a
href="tel:{{ tel }}"
title="Clic para llamar"
data-bs="contact.phone"
data-info="{{ tel }}" >
{{ tel }}
</a>
</div>
{% endfor %}
{% if site.shop_email.size > 0 %}
<span class="h6 title-contact">Email:</span>
<div class="bs-footer__link">
<i class="bs-footer__link__icon fas fa-envelope"></i>
<a
title="Enviar mail"
href="mailto:{{ site.shop_email }}"
rel="nofollow noopener noreferrer">
{{ site.shop_email }}
</a>
</div>
{% endif %}
</address>
<!--- Informacion (menu) ------------------------------------------------------------------------>
<div class="col-xl-auto col-sm-6 mb-5">
{{ 'Pie de pagina > acerca' | get_menu : 'Pie de pagina > menus'}}
</div>
<!--- Dirección----------------------------------------------------------------------->
{% if site.shop_address.size > 0 %}
<address class="col-xl-auto mb-5">
<h5 class="bs-footer-title">
Dirección
</h5>
<div class="bs-footer__link texto-largo">
<i class="bs-footer__link__icon fas fa-map-marker-alt"></i>
<a
title="ver dirección en mapa"
href="https://maps.google.com/?q={{ site.shop_address | escape }}"
target="_blank" rel="nofollow noopener noreferrer">
{{ site.shop_address }}
</a>
</div>
<div class="bs-footer__link">
<i class="bs-footer__link__icon fas fa-clock"></i>
<span>
Lun a Vie 08:00 a 18:00hrs
</span>
</div>
<h5 class="bs-footer-title mt-2">
Newsletter
</h5>
<div class="form-grid">
{{ "Suscripción" | print_form: "Gracias por contáctarnos", "Enviar", "", true }}
</div>
</address>
{% endif %}
</div>
</div>
<!--- Descripcion ------------------------------------------------------------------------>
<div class="col-lg-5 col-md-6 order-md-1 mx-3 mx-md-0 mb-2">
{{ 'Pie de pagina > descripcion' | get_component }}
</div>
<!-- medio de pago -->
<div class="col-12 order-md-2 mb-2">
{{ "Pie de pagina > medios de pago" | get_component }}
</div>
</div><!-- row -->
</div><!-- container -->
<!-------------------------------Copyright----------------------------------------------------------------------->
<aside class="bs-copyright">
<strong class="d-block d-md-inline">{{ 'name' | site }} © {{ 'now' | date: '%Y' }}</strong>
Creado por <a target="_blank" title="Conoce Bsale" rel="nofollow noopener noreferrer" href="https://www.bsale{% if site.currency.isoCode == 'PEN' %}.com.pe{%else%}.cl{%endif%}/sheet/precios">Bsale</a>
</aside>
</footer>
{{"Carro modal" | get_component }}
{{"facebook chat" | get_component }}Código Componente pie de pagina Plantilla Trinidad
{% assign background = "" | image_url %}
<footer class="bs-footer d-print-none lazy border-footer" data-bg="{{background}}">
<div class="bs-footer__containt">
<div class="container">
<div class="row">
<!-----------------------------Contacto------------------------------------------------------------------------->
<address class="col-sm-6 col-lg-3 bs-footer__section">
<h5 class="bs-footer__title">Contacto</h5>
{% if site.contact_numbers.size == 1 %}
<span class="h6 title-contact">Teléfono</span>
{% elsif site.contact_numbers.size > 1 %}
<span class="h6 title-contact">Teléfonos</span>
{% endif %}
{% for tel in site.contact_numbers %}
<a class="bs-footer__link"
href="{{ tel }}"
title="Clic para llamar"
data-bs="contact.phone"
data-info="{{ tel }}" >
{{ tel }}
</a>
{% endfor %}
{% if site.shop_email.size > 0 %}
<span class="h6 title-contact">Email</span>
<a
class="bs-footer__link"
title="Enviar mail"
href="mailto:{{ site.shop_email }}"
rel="nofollow noopener noreferrer">
{{ site.shop_email }}
</a>
{% endif %}
</address>
<!------------------------------Componente Menu------------------------------------------------------------------------>
<div class="col-sm-6 col-lg-3 col-lg-3 bs-footer__section">
<h5 class="bs-footer__title">Información</h5>
{{ 'Pie de pagina > acerca' | get_menu : 'Pie de pagina > menus' }}
</div>
<!---Dirección----------------------------------------->
{% if site.shop_address.size > 0 %}
<div class="col-md-6 col-lg-3 bs-footer__section ">
<address class="bs-footer__section__address">
<h5 class="bs-footer__title">Ubicanos</h5>
<a class="bs-footer__link"
title="ver dirección en mapa"
href="https://maps.google.com/?q={{ site.shop_address | escape }}"
target="_blank" rel="nofollow noopener noreferrer">
{{ site.shop_address }}
</a>
<span class="bs-footer__link">
Lun a Vie 08:00 a 18:00hrs
</span>
<a class="btn btn-primary"
title="ver dirección en mapa"
href="https://maps.google.com/?q={{ site.shop_address | escape }}"
target="_blank" rel="nofollow noopener noreferrer">
Ver en Mapa
</a>
</address>
</div>
{% endif %}
<!------------------------------Formulario----------------------------------------------------------------------->
{% if site.social_networks.size > 0 %}
<div class="col-md-6 col-lg-3 col-lg-3 bs-footer__section">
<h5 class="bs-footer__title__little">Redes Sociales</h5>
<div class="bs-footer__social">
{% for rrss in site.social_networks %}
{% assign rs_title = rrss.title | downcase %}
{% case rs_title %}
{% when "facebook" %}
<a class="btn-social"
title="visitanos en {{rrss.title}}"
href="{{ rrss.value }}"
target="_blank"
rel="nofollow noopener noreferrer">
<i class="fab fa-{{ rs_title }}" aria-hidden="true"></i>
</a>
<a class="chat-{{rs_title}} order-9"
data-bs="chat.facebook"
href="{{rrss.value}}"
rel="nofollow noopener noreferrer"
target="_black"
title="Mandanos un Mensaje"
>
<i class="fab fa-facebook-messenger"></i>
</a>
{% when "whatsapp" %}
<a class="chat-{{rs_title}}"
data-bs="chat.whatsapp"
href="https://api.whatsapp.com/send?phone={{ rrss.value | replace: " ", "" | replace: "+",""}}"
rel="nofollow noopener noreferrer"
target="_blank"
title="Mandanos un Whatsapp"
>
<i class="fab fa-whatsapp"></i>
</a>
{% else %}
{% if rrss.title.size > 0 %}
<a class="btn-social"
title="visitanos en {{rs_title}}"
href="{{ rrss.value }}"
target="_blank"
rel="nofollow noopener noreferrer">
<i class="fab fa-{{ rs_title }}" aria-hidden="true"></i>
</a>
{% endif %}
{% endcase %}
{% endfor %}
</div>
<div class="bs-form-inline">
<h5 class="bs-footer__title__little">Newsletter</h5>
{{ 'Suscripcion' | print_form: "Gracias por contactarnos", "Enviar", "", "false" }}
</div>
</div>
{% endif %}
</div><!--row-->
<!-- medios de pago -->
{{ 'Pie de pagina > Medios de Pago' | get_component }}
</div><!--container-->
<!-------------------------------Copyright----------------------------------------------------------------------->
<aside class="bs-copyright">
<strong class="d-block d-md-inline">{{ 'name' | site }} © {{ 'now' | date: '%Y' }}</strong>
¿Te gusta mi tienda? Yo vendo con <a target="_blank" title="Conoce Bsale" rel="nofollow noopener noreferrer" href="https://www.bsale{% if site.currency.isoCode == 'PEN' %}.com.pe{%else%}.cl{%endif%}/sheet/precios">Bsale</a>
</aside>
</div>
</footer>
{{"Carro modal" | get_component }}
{{"facebook chat" | get_component }}Código Componente pie de pagina Plantilla Ricardo
<footer class="bs-footer d-print-none">
<div class="container-fluid container-xxl py-3">
<div class="row">
<!--- Descripcion ------------------------------------------------------------------------>
<div class="col-xl-5 order-md-1 bs-footer__section-description">
{{ 'Pie de pagina > descripcion' | get_component }}
</div>
<div class="col-xl-7 order-md-2">
<div class="row">
<!--- Informacion (menu) ------------------------------------------------------------------------>
<div class="col-md bs-footer__section-menu">
<h5 class="bs-footer__title">
Información
</h5>
{{ 'Pie de pagina > Información' | get_menu : 'Pie de pagina > menus'}}
</div>
<!--- Politicas (menu) ----------------------------------------------------------------------->
<div class="col-md bs-footer__section-menu">
<h5 class="bs-footer__title">
Servicio al Cliente
</h5>
{{ 'Pie de pagina > Servicio al Cliente' | get_menu : 'Pie de pagina > menus'}}
</div>
<!--- Contactanos ----------------------------------------------------------------------->
<address class="col-md bs-footer__section-contact">
<h5 class="bs-footer__title">
Contáctanos
</h5>
{% for tel in site.contact_numbers %}
<div class="bs-footer__link">
<i class="bs-footer__link__icon fas fa-phone"></i>
<a
href="tel:{{ tel }}"
title="Clic para llamar"
data-bs="contact.phone"
data-info="{{ tel }}" >
{{ tel }}
</a>
</div>
{% endfor %}
{% if site.shop_email.size > 0 %}
<div class="bs-footer__link">
<i class="bs-footer__link__icon fas fa-envelope"></i>
<a
title="Enviar mail"
href="mailto:{{ site.shop_email }}"
rel="nofollow noopener noreferrer">
{{ site.shop_email }}
</a>
</div>
{% endif %}
{% if site.shop_address.size > 0 %}
<div class="bs-footer__link">
<i class="bs-footer__link__icon fas fa-map-marker-alt"></i>
<a
title="ver dirección en mapa"
href="https://maps.google.com/?q={{ site.shop_address | escape }}"
target="_blank" rel="nofollow noopener noreferrer">
{{ site.shop_address }}
</a>
</div>
{% endif %}
<div class="bs-footer__link">
<i class="bs-footer__link__icon fas fa-clock"></i>
<span
title="Horarios">
Lun a Vie 08:00 a 18:00hrs
</span>
</div>
</address>
</div>
</div>
<!-- medio de pago -->
<div class="col-12 order-md-2 mb-2">
{{ "Pie de pagina > medios de pago" | get_component }}
</div>
</div><!-- row -->
</div><!-- container -->
<!-------------------------------Copyright----------------------------------------------------------------------->
<aside class="bs-copyright">
<strong class="d-block d-md-inline">{{ 'name' | site }} © {{ 'now' | date: '%Y' }}</strong>
Creado por <a target="_blank" title="Conoce Bsale" rel="nofollow noopener noreferrer" href="https://www.bsale{% if site.currency.isoCode == 'PEN' %}.com.pe{%else%}.cl{%endif%}/sheet/precios">Bsale</a>
</aside>
</footer>
{{"Carro modal" | get_component }}
{{"facebook chat" | get_component }}Código Componente pie de pagina Plantilla Nicolas
<footer class="bs-footer d-print-none">
<div class="container-fluid container-xxl py-3">
<div class="row justify-content-center">
<!--- Descripcion ------------------------------------------------------------------------>
<div class="col-xl-auto bs-footer__section-description">
{{ 'Pie de pagina > descripcion' | get_component }}
</div>
<!--- Informacion (menu) ------------------------------------------------------------------------>
<div class="col-md-auto bs-footer__section-menu">
<h5 class="bs-footer__title">
Información
</h5>
{{ 'Pie de pagina > Información' | get_menu : 'Pie de pagina > menus'}}
</div>
<!--- Politicas (menu) ----------------------------------------------------------------------->
<div class="col-md-auto bs-footer__section-menu">
<h5 class="bs-footer__title">
Servicio al Cliente
</h5>
{{ 'Pie de pagina > Servicio al Cliente' | get_menu : 'Pie de pagina > menus'}}
</div>
<!--- Contactanos ----------------------------------------------------------------------->
<address class="col-md-auto bs-footer__section bs-footer__section-contact">
<h5 class="bs-footer__title">
Contáctanos
</h5>
{% for tel in site.contact_numbers %}
<div class="bs-footer__link">
<i class="bs-footer__link__icon fas fa-phone"></i>
<a
href="tel:{{ tel }}"
title="Clic para llamar"
data-bs="contact.phone"
data-info="{{ tel }}" >
{{ tel }}
</a>
</div>
{% endfor %}
{% if site.shop_email.size > 0 %}
<div class="bs-footer__link">
<i class="bs-footer__link__icon fas fa-envelope"></i>
<a
title="Enviar mail"
href="mailto:{{ site.shop_email }}"
rel="nofollow noopener noreferrer">
{{ site.shop_email }}
</a>
</div>
{% endif %}
{% if site.shop_address.size > 0 %}
<div class="bs-footer__link">
<i class="bs-footer__link__icon fas fa-map-marker-alt"></i>
<a
title="ver dirección en mapa"
href="https://maps.google.com/?q={{ site.shop_address | escape }}"
target="_blank" rel="nofollow noopener noreferrer">
{{ site.shop_address capitalize }}
</a>
</div>
{% endif %}
<div class="bs-footer__link">
<i class="bs-footer__link__icon fas fa-clock"></i>
<span
title="Horarios">
Lun a Vie 08:00 a 18:00hrs
</span>
</div>
</address>
<!-- medio de pago -->
<div class="col-12 order-md-2 mb-2">
{{ "Pie de pagina > medios de pago" | get_component }}
</div>
</div><!-- row -->
</div><!-- container -->
<!-------------------------------Copyright----------------------------------------------------------------------->
<aside class="bs-copyright">
<strong class="d-block d-md-inline">{{ 'name' | site }} © {{ 'now' | date: '%Y' }}</strong>
Creado por <a target="_blank" title="Conoce Bsale" rel="nofollow noopener noreferrer" href="https://www.bsale{% if site.currency.isoCode == 'PEN' %}.com.pe{%else%}.cl{%endif%}/sheet/precios">Bsale</a>
</aside>
</footer>
{{"Carro modal" | get_component }}
{{"facebook chat" | get_component }}Código Componente pie de pagina Plantilla Rosario
{% assign menu1 = "Pie de pagina > Información" -%}
{% assign menu1_titulo = "Información" -%}
{% assign menu2 = "Pie de pagina > Servicio al Cliente" -%}
{% assign menu2_titulo = "Servicio al Cliente" -%}
{% assign horarios_tienda = "Lun a Vie 08:00 a 18:00hrs" -%}
<footer class="bs-footer d-print-none">
<div class="container">
<div class="row justify-content-center">
<!-- formulario -->
<!--- Descripcion ------------------------------------------------------------------------>
<section class="col-xl-auto bs-footer__section-description">
<!-- logo -->
<a class="bs-footer__logo" title="ir al inicio" href="/">
<img
loading="lazy"
src="{{ site.logo | image_url: 'S' }}"
alt="{{ site.name }}">
</a>
<!-- redes sociales -->
<div class="bs-footer__social">
{% for rrss in site.social_networks %}
{% assign rs_title = rrss.title | downcase %}
{% case rs_title %}
{% when "facebook" %}
<a class="btn-social redes"
title="visitanos en {{rrss.title}}"
href="{{ rrss.value }}"
target="_blank"
rel="nofollow noopener noreferrer">
<i class="fab fa-{{ rs_title }}" aria-hidden="true"></i>
</a>
<a class="chat-{{rrss.title}}"
data-bs="chat.facebook"
href="{{rrss.value}}"
rel="nofollow noopener noreferrer"
target="_black"
title="Mandanos un Mensaje"
>
<i class="fab fa-facebook-messenger"></i>
</a>
{% when "whatsapp" %}
<a class="chat-{{rrss.title}}"
data-bs="chat.whatsapp"
href="https://api.whatsapp.com/send?phone={{ rrss.value | replace: " ", "" | replace: "+",""}}"
rel="nofollow noopener noreferrer"
target="_blank"
title="Mandanos un Whatsapp"
>
<i class="fab fa-whatsapp"></i>
</a>
{% else %}
{% if rs_title.size > 0 %}
<a class="btn-social"
title="visitanos en {{rrss.title}}"
href="{{ rrss.value }}"
target="_blank"
rel="nofollow noopener noreferrer">
<i class="fab fa-{{ rs_title }}" aria-hidden="true"></i>
</a>
{% endif %}
{% endcase %}
{% endfor %}
</div>
</section>
<!--- Informacion (menu) ------------------------------------------------------------------------>
<div class="col-md-auto bs-footer__section-menu">
<h5 class="bs-footer__title">
{{menu1_titulo}}
</h5>
{{ menu1 | get_menu : 'Pie de pagina > menus'}}
</div>
<!--- Politicas (menu) ----------------------------------------------------------------------->
<div class="col-md-auto bs-footer__section-menu">
<h5 class="bs-footer__title">
{{menu2_titulo}}
</h5>
{{ menu2 | get_menu : 'Pie de pagina > menus'}}
</div>
<!--- Contactanos ----------------------------------------------------------------------->
<address class="col-md-auto bs-footer__section bs-footer__section-contact">
<h5 class="bs-footer__title">
Contáctanos
</h5>
{% for tel in site.contact_numbers %}
<div class="bs-footer__link">
<i class="bs-footer__link__icon fas fa-phone"></i>
<a
href="tel:{{ tel }}"
title="Clic para llamar"
data-bs="contact.phone"
data-info="{{ tel }}" >
{{ tel }}
</a>
</div>
{% endfor %}
{% if site.shop_email.size > 0 %}
<div class="bs-footer__link">
<i class="bs-footer__link__icon fas fa-envelope"></i>
<a
title="Enviar mail"
href="mailto:{{ site.shop_email }}"
rel="nofollow noopener noreferrer">
{{ site.shop_email }}
</a>
</div>
{% endif %}
{% if site.shop_address.size > 0 %}
<div class="bs-footer__link">
<i class="bs-footer__link__icon fas fa-map-marker-alt"></i>
<a
title="ver dirección en mapa"
href="https://maps.google.com/?q={{ site.shop_address | escape }}"
target="_blank" rel="nofollow noopener noreferrer">
{{ site.shop_address capitalize }}
</a>
</div>
{% endif %}
<div class="bs-footer__link">
<i class="bs-footer__link__icon fas fa-clock"></i>
<span
title="Horarios">
{{ horarios_tienda }}
</span>
</div>
</address>
<!-- medio de pago -->
<div class="col-12 order-md-2 mb-2">
{{ "Pie de pagina > medios de pago" | get_component }}
</div>
</div><!-- row -->
</div><!-- container -->
<!-------------------------------Copyright----------------------------------------------------------------------->
<aside class="bs-copyright">
<strong>{{ 'name' | site }} © {{ 'now' | date: '%Y' }}</strong>
Creado por <a target="_blank" title="Conoce Bsale" rel="nofollow noopener noreferrer" href="https://www.bsale{% if site.currency.isoCode == 'PEN' %}.com.pe{%else%}.cl{%endif%}/sheet/precios">Bsale</a>
</aside>
</footer>
{{"Carro modal" | get_component }}
{{"facebook chat" | get_component }}Código Componente pie de pagina Plantilla Joaquín
{% assign menu1 = "Pie de pagina > Nosotros" -%}
{% assign menu1_titulo = "Nosotros" -%}
{% assign menu2 = "Pie de pagina > Informacion" -%}
{% assign menu2_titulo = "Información" -%}
{% assign horarios_tienda = "Lun a Vie 08:00 a 18:00hrs" -%}
{% assign show = true %}
{% assign logo = "image(1).png" %}
<footer class="bs-footer mt-2 mt-md-3 d-print-none">
<div class="container">
<div class="row justify-content-center">
<!--- Descripcion ------------------------------------------------------------------------>
<section class="col-xl-auto bs-footer__section-description">
<div class="bs-footer__logo">
<!-- logo-->
<img
loading="lazy"
src="{{ logo | image_url: 'S' }}"
alt="{{ site.name }}">
</div>
<!-- redes sociales -->
<div class="bs-footer__social">
{% for rrss in site.social_networks %}
{% assign rs_title = rrss.title | downcase %}
{% if rs_title != "whatsapp" and rs_title.size > 0 %}
<a class="btn-social"
title="visitanos en {{rrss.title}}"
href="{{ rrss.value }}"
target="_blank"
rel="nofollow noopener noreferrer">
<i class="fab fa-{{ rs_title }}" aria-hidden="true"></i>
</a>
{% endif %}
{% endfor %}
</div>
</section>
<!--- Informacion (menu) ------------------------------------------------------------------------>
<div class="col-md-auto bs-footer__section-menu">
<h5 class="bs-footer__title">
{{menu1_titulo}}
</h5>
{{ menu1 | get_menu : 'Pie de pagina > menus'}}
</div>
<!--- Politicas (menu) ----------------------------------------------------------------------->
<div class="col-md-auto bs-footer__section-menu">
<h5 class="bs-footer__title">
{{menu2_titulo}}
</h5>
{{ menu2 | get_menu : 'Pie de pagina > menus'}}
</div>
<!--- Contactanos -------------------------->
<address class="col-md-auto bs-footer__section-menu">
<h5 class="bs-footer__title">
Contáctanos
</h5>
{% if site.contact_numbers.size > 1 %}
<div class="bs-footer__link bs-footer__contact-title">
Teléfonos
</div>
{% for tel in site.contact_numbers %}
<a class="bs-footer__link bs-contact-link"
href="tel:{{ tel }}"
title="Clic para llamar"
data-bs="contact.phone"
data-info="{{ tel }}" >
{{ tel }}
</a>
{% endfor %}
{% elsif site.contact_numbers.size == 1 %}
<div class="bs-footer__link bs-footer__contact-title">
Teléfono
</div>
{% for tel in site.contact_numbers %}
<a class="bs-footer__link bs-contact-link"
href="tel:{{ tel }}"
title="Clic para llamar"
data-bs="contact.phone"
data-info="{{ tel }}" >
{{ tel }}
</a>
{% endfor %}
{%endif%}
{% if site.shop_email.size > 0 %}
<div class="bs-footer__link bs-footer__contact-title">
Escríbenos
</div>
<a class="bs-footer__link bs-contact-link"
title="Enviar mail"
href="mailto:{{ site.shop_email }}"
rel="nofollow noopener noreferrer">
{{ site.shop_email }}
</a>
{% endif %}
{% if site.shop_address.size > 0 %}
<div class="bs-footer__link bs-footer__contact-title">
Encuentranos
</div>
<a class="bs-footer__link bs-contact-link"
title="ver dirección en mapa"
href="https://maps.google.com/?q={{ site.shop_address | escape }}"
target="_blank" rel="nofollow noopener noreferrer">
{{ site.shop_address | capitalize }}
</a>
{% endif %}
{% if show %}
<a class="bs-footer__link"
title="Horarios">
Horarios: {{horarios_tienda}}
</a>
{% endif %}
</address>
<!-- medio de pago -->
<div class="col-12 order-md-2 mb-2">
{{ "Pie de pagina > medios de pago" | get_component }}
</div>
</div><!-- row -->
</div><!-- container -->
<!-------------------------------Copyright----------------------------------------------------------------------->
<aside class="bs-copyright">
<strong>{{ 'name' | site }} © {{ 'now' | date: '%Y' }}</strong>
Creado por <a target="_blank" title="Conoce Bsale" rel="nofollow noopener noreferrer" href="https://www.bsale{% if site.currency.isoCode == 'PEN' %}.com.pe{%else%}.cl{%endif%}/sheet/precios">Bsale</a>
</aside>
</footer>
{{"Carro modal" | get_component }}
{{"chat" | get_component }}