Popular Articles

  1. Como crio outras seções de destaque?

    Primeiro você deve modificar o arquivo sections.txt, inserindo sua nova seção, como por exemplo: ofertas name = Ofertas description = (Pon aquí los productos que más quieras destacar como ofertas) {% for product in sec...
  2. Store

    Este objeto representa a loja e é geralmente usado em combinação com outros objetos, você pode usá-lo de duas formas: apenas para mostrar a informação ou para questionar algo. Nos exemplos seguintes poderá ver as duas formas: store.nam...
  3. Pontos de ancoragem para aplicações

    Os layouts da Nuvemshop possuem seletores HTML projetados para que aplicativos ou agentes externos possam ser ancorados ao design de cada loja sem ter que adaptar seu código com base em cada layout. Esses componentes são representados pelo atributo...
  4. Hooks de Javascript

    Ao personalizar um template na Nuvem Shop, é importante saber que há componentes críticos para que as funcionalidades funcionem bem. Esses componentes agora são identificados com algo chamado JS Hooks . Fique tranquilo porque isso não é...
  5. Imagens rotativas com textos editáveis

    Neste tutorial, veremos como podemos adicionar texto editável aos banners rotativos da página inicial, deixando campos para: Link (existe por padrão) Título Descrição do produto Botão Cor Para o tema Base, modificaremos o componente que j...
  6. Como mostrar os logos dos meios de pagamento e envio no meu design?

    Para mostrar os logos deve-se utilizar as variáveis settings.payments e settings.shipping. Segue um exemplo de como fazer isso: {% for payment in settings.payments %} {{ payment | payment_logo | img_tag('', {'height' : 29}) }...
  7. Category

    Este objeto representa uma categoria de produtos da loja. id: Id da categoria. name: Nome da categoria. description: Descrição da categoria. url: URL da categoria. parent: Objeto Category correspondente à categoria pai. subcategories: Array d...
  8. Como crio a paginação da lista de produtos?

    Coloque o seguinte código para criar a paginação: {% if pages.previous %} Anterior {% endif %} {% for page in pages.numbers %} {% if page.selected %} {{ page.number }} {% else %} {{ page.number }} ...
  9. Layout.tpl

    Todas as variáveis que estão disponíveis em layout.tpl também estão disponíveis em todos os arquivos. store Objeto Store que representa a loja. powered_by_url Marcação padrão da URL que deve ser incluída para indicar que a lo...
  10. Carrossel de imagens exclusivo para celulares

    Neste tutorial veremos como ter um carrossel de imagens na página inicial que aparecerá somente em celulares. Essa necessidade pode surgir quando um único carrossel de imagens não é o suficiente para  computadores e celulares, quando o design das i...