search

brainwp / wp-docklands

Repositório antigo do Docklands. Use o novo: https://github.com/brasadesign/docklands-theme
Other
0 stars 0 forks source link

[URGENTE] - Pente Fino Mobile - Pagina "Advanced Search" #173

Closed LuwkasLima closed 7 years ago

LuwkasLima commented 8 years ago

@everaldomatias e @matheusgimenez existem 2 pontos que precisam ser corrigidos no Mobile da pagina "Advanced Search":

1 - Bread Crumb esta mal posicionado, veja imagem: image

2 - Assim que o usuario abre o Advanced Search, ele precisa ver de cara os Filtros e nao os produtos, faz sentido?

Alem disso, o Filtro atualmente esta mais "fino" do que o normal. Precizamos dar uma alargada..

image

everaldomatias commented 8 years ago

@LuwkasLima só não consegui fazer a ordenação dos blocos aqui, para deixar os filtros antes dos produtos. @matheusgimenez ajuda nisso por favor?

everaldomatias commented 8 years ago

@LuwkasLima essa era uma que queria esclarecer com vc.

LuwkasLima commented 8 years ago

@everaldomatias aqui precisamos de fato que apareca antes os filtros, se nao eh muito trabalho pra pessoa que quer buscar um produto em especifico ter que rolar a tela ateh la em baixo...

Isso pode te ajudar: http://stackoverflow.com/questions/12859045/switching-order-of-html-elements-when-layout-changes-in-responsive-web-design#12859860

everaldomatias commented 8 years ago

@LuwkasLima @LuwkasLima preciso da ajuda do @deshawn para isso...

matheusgimenez commented 8 years ago

Não usem jQuery pra isso.. existe um tipo de elemento novo no CSS chamado flexbox.

No caso, a div pai fica com display:flex; e a filha vc seta uma regra chamada order que vai receber um numero inteiro. Sacou?

Veja a documentação no FF:

https://developer.mozilla.org/en-US/docs/Web/CSS/order

LuwkasLima commented 8 years ago

@everaldomatias vi que voce nao mexeu nisso ainda, preciso que seja feito o quanto antes...

Adiciono aqui outro problieminha:

image

LuwkasLima commented 7 years ago

@everaldomatias ficou muito bom o posicionamento de tudo!...

Voce nao conseguiu ordenar os blocos? Precisamos dos filtros antes...

LuwkasLima commented 7 years ago

@everaldomatias acho que nao ficou legal essa ordem, desculpe. Veja o que vc acha:

1- Filtro de Produtos 2- Lista de Produtos 3- Banners 4- Specials 5- Menu

Assim fica mais logico.

everaldomatias commented 7 years ago

Usei uma alternativa para poder funcionar a 're-order'. Removi os itens da direita do site (quando visto no desktop). Assim consegui organizar os itens da sidebar.

LuwkasLima commented 7 years ago

@everaldomatias muito boa a solucao cara! Prabens!!!...

Muito inteligente, boa sacada.

Manda Brasa!