Widget

O novo Widget é totalmente responsivo. Este componente pode ser usado da mesma forma que os outros tipos de Widget, podendo ser colocado em qualquer página de conteúdo estático, como a Homepage, por exemplo.

Para além disso, faz parte de todas as páginas de Pesquisa Ad-Hoc (como /Pesquisa/Ofertas), juntamente com uma imagem associada a cada tipo de actividade presente no Widget

Para incluir este componente em qualquer página, basta adicionar o seguinte código HTML:

<div data-search-widget-style="responsive"></div>

Ou seja, uma qualquer DIV com data-search-widget-style="responsive" As seguintes imagens mostram o Widget das actividades de Hotelaria e Aéreo - tanto em Desktop, como em Mobile:

Change Widget Images

Em qualquer página de Pesquisa Ad-Hoc, existem imagens pré-definidas para cada tipo de actividade. Estas imagens são configuráveis através da inclusão de CSS nas páginas desejadas.

Deve ser adicionada uma regra para cada imagem a ser alterada, com ajuste em relação à actividade/elemento. Exemplo:

    [data-tmpl="package-slide-background"] > .js-image {
        background-image: url(https://url.com/landscape.jpg) !important;
    }

De destacar a importância da existência da keyword !important, tal como package-slide-background. As restantes imagens podem ser alteradas da mesma forma, mas com ajuste à actividade.

Data Attributes: lodge-slide-background, flight-slide-background, insurance-slide-background, service-slide-background, transfer-slide-background, rentacar-slide-background