Skip to content

Instantly share code, notes, and snippets.

@onefriendaday

onefriendaday/Template config sample

Created April 3, 2014 13:37
Show Gist options
  • Save onefriendaday/9954510 to your computer and use it in GitHub Desktop.
Save onefriendaday/9954510 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Template config sample
<!DOCTYPE html>
<html lang="pt-BR" dir="ltr">
<head>
{{ header_code() }}
{{
template_settings({
'image:logo': {'label': 'Logotipo', 'default': ''},
'color:background': {'label': 'Cor de Fundo', 'default': '#FFF'},
'image:background': {'label': 'Imagen de Fundo', 'default': ''},
'font:body': {'label': 'Fonte padrão', 'default': ''},
'text:phone': {'label': 'Telefone', 'default': '0800 999 999'},
'select:cols': {'label': 'Produtos por linha', 'default': '4', 'options': ['3', '4']},
'color:navbar_bg': {'label': 'Fundo navegação', 'default': ''},
'color:navbar_border': {'label': 'Linha navegação', 'default': ''},
'color:navbar_open_font': {'label': 'Fundo navegação aberto', 'default': ''},
'color:navbar_font': {'label': 'Fonte navegação', 'default': ''},
'color:navbar_font_over': {'label': 'Fonte navegação hover', 'default': ''},
'color:footer_bg': {'label': 'Rodape', 'default': ''},
'color:footer_font': {'label': 'Fonte rodape', 'default': ''},
'color:top_bg': {'label': 'Top', 'default': ''},
'color:footer_bg_bottom': {'label': 'Rodape baixo', 'default': ''},
'if:footer_border': {'label': 'Esconder linha rodape', 'default': ''},
'color:btn': {'label': 'Botão', 'default': ''},
'color:btn_font': {'label': 'Fonte botão ', 'default': ''},
'color:btn_hover': {'label': 'Hover botão', 'default': ''},
'layout:banners': {'label': 'Banner Layout', 'default': '', 'options': ['banner1', 'banner2', 'banner3', 'banner4']},
'image:banner_one': {'label': 'Banner I', 'default': ''},
'image:banner_two': {'label': 'Banner II', 'default': ''},
'image:banner_three': {'label': 'Banner III', 'default': ''},
})
}}
<style type="text/css">
body{
background-color: {{ template_settings('color:background') }};
{% if(template_settings('image:background')) %}
background-image: url({{ host_url('uploads/images/full/' ~ template_settings('image:background')) }});
{% endif %}
}
*{
{% if(template_settings('font:body')) %}
font-family: '{{ template_settings('font:body') }}';
{% endif %}
}
#main-menu .navbar-default{
background-color: {{ template_settings('color:navbar_bg') }};
border-bottom-color: {{ template_settings('color:navbar_border') }};
}
#main-menu .navbar-nav>li.open>a{
background-color: {{ template_settings('color:navbar_open_font') }};
}
#main-menu .navbar-nav>li>a{
color: {{ template_settings('color:navbar_font') }};
}
#main-menu .navbar-nav>li>a:hover{
color: {{ template_settings('color:navbar_font_over') }};
}
footer{
background-color: {{ template_settings('color:footer_bg') }};
}
footer *{
color: {{ template_settings('color:footer_font') }} !important;
}
#top{
background-color: {{ template_settings('color:top_bg') }};
}
footer .bottom{
background-color: {{ template_settings('color:footer_bg_bottom') }};
}
{% if template_settings('if:footer_border') %}
footer .content{
border-top: none;
}
{% endif %}
.btn-bck{
background: {{ template_settings('color:btn') }};
color: {{ template_settings('color:btn_font') }};
}
.btn-bck:hover, .btn-bck:focus{
background: {{ template_settings('color:btn_hover') }};
color: {{ template_settings('color:btn_font') }};
}
#product .prod-action #buy-btn{
background: {{ template_settings('color:btn') }};
}
#product .prod-action #buy-btn:hover{
background: {{ template_settings('color:btn_hover') }};
}
</style>
</head>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment