[Feedback] Motopt - Aceitam-se Sugestões

[otreb]

Boa tarde amigos,

 

Acabei de criar uma nova loja online (www.motopt.pt/index.php) gostava que a vissem e me dessem umas opiniões se fosse possivel!

 

 

Grande abraço

Edited April 23, 2013 by otreb (see edit history)

[CarlosC]

Boas,

 

A única coisa que se consegue ver é a pagina de manutenção de um site feito em wordpress.

 

Cumps

[otreb]

Boas,

 

A única coisa que se consegue ver é a pagina de manutenção de um site feito em wordpress.

 

Cumps

 

Erro meu, www.motopt.pt/index.php

Desculpem mas a página ainda não está visivel é por isso

[exadra37]

Realmente o endereço http://www.motopt.pt/ aponta para uma página de manutenção do wordpress , mas http://www.motopt.pt/index.php já aponta para a loja online Prestashop.

 

Em relação ao tema troca as fotos dos produtos por produtos relacionados com a sua actividade, para se poder ter uma percepção melhor do impacto no tema.

[otreb]

Realmente o endereço http://www.motopt.pt/ aponta para uma página de manutenção do wordpress , mas http://www.motopt.pt/index.php já aponta para a loja online Prestashop.

 

Em relação ao tema troca as fotos dos produtos por produtos relacionados com a sua actividade, para se poder ter uma percepção melhor do impacto no tema.

 

Já está alterado! Neste momento só tem produtos relacionados com o tema! Cumprimentos

[exadra37]

Fica esquesito as fotos rectangulares dentro de um circulo, os circulos desalinhados e sobrepostas no footer.

 

Veja se não fica melhor assim.

[otreb]

Sim ficava muito melhor! Mas há possibilidade de eu conseguir programar de maneira a ficar assim?

Obrigado pelas dicas

[exadra37]

Existe sim, basta que perceba um pouco de CSS.

 

Basta clicar em F12 no seu browser para ter acesso ao código e ás propriedades CSS e depois é só brincar com elas até o site ficar ao seu gosto. Pessoalmente prefiro utilizar o addon Firebug para o Firefox.

 

As alterações perdem-se assim que se muda de página, pelo que deve passa-las para o ficheiro correspondente da sua loja online antes de clicar em qualquer link na sua página ou de fazer refresh á mesma.

 

A propriedade que coloca os cantos redondos é o border-radius, depois precisa de aumentar a altura da foto de fundo e dar mais margin-right á tag li .

[CarlosC]

Sim ficava muito melhor! Mas há possibilidade de eu conseguir programar de maneira a ficar assim?

Obrigado pelas dicas

 

Boas,

 

Realmene é uma boa dica, fica aqui o css para isso.

Basta colocar o file global.css do seu tema:

 

#featured-products_block_center .product_image {
border-radius: 50% 50% 50% 50% !important;
   height: 105px !important;
left: 89px !important;
top: 80px !important;
width: 105px !important;
}

 

Cumps

Edited April 23, 2013 by CarlosC (see edit history)

[otreb]

Boas,

 

Realmene é uma boa dica, fica aqui o css para isso.

Basta colocar o file global.css do seu tema:

 

#featured-products_block_center .product_image {
border-radius: 50% 50% 50% 50% !important;
height: 105px !important;
left: 89px !important;
top: 80px !important;
width: 105px !important;
}

 

Cumps

 

Em que parte coloco?

Aqui fica o meu global.css do tema

Edited April 23, 2013 by otreb (see edit history)

[CarlosC]

Pode colocar no fim ou no incio...

 

Tipo:

/* ##################################################################################################
PRESTASHOP CSS
################################################################################################## */
@import url("grid_prestashop.css");

/* -- Incio CSS FIXs -------------------------------- */

#featured-products_block_center .product_image {
border-radius: 50% 50% 50% 50% !important;
height: 105px !important;
left: 89px !important;
top: 80px !important;
width: 105px !important;
}



/* -- Fim CSS FIXs -------------------------------- */

/* ****************************************************************************
 reset
**************************************************************************** */
......

 

E remove css do teu post, cria uma pagina enorme xD

Edited April 23, 2013 by CarlosC (see edit history)

[otreb]

Que qualidade Assim está muito melhor! Muito obrigado. Já agora e para centrar melhor porque os 3 produtos de cima ficam centrados mas os outros 3 de baixo não :S

[CarlosC]

Esse ultimo ja é um pouco mais complicado visto ser necessario editar o tpl do featured products.

 

Ele esta a geral mal a lista.

 

Como esta agora

<li class="ajax_block_product first_item ">
<li class="ajax_block_product item ">
<li class="ajax_block_product item ">
<li class="ajax_block_product item last_item_of_line ">
<li class="ajax_block_product item last_line">
<li class="ajax_block_product last_item last_line">

 

E deve ficar assim:

<li class="ajax_block_product first_item ">
<li class="ajax_block_product item">
<li class="ajax_block_product item">
<li class="ajax_block_product item">
<li class="ajax_block_product item">
<li class="ajax_block_product last_item last_line">

 

Mas fica aqui um fix que nao é a melhor abordagem, mas é o mais simples...

 

Coloca no seu global.css

#featured-products_block_center li.last_item_of_line {
   margin-right: 53px !important;
}

Edited April 23, 2013 by CarlosC (see edit history)

[CarlosC]

E já agora para tudo ficar como deve ser:

 

#featured-products_block_center {
margin: -40px auto 0 !important;
}
.clsSlider li {
margin: -50px auto 0 50px !important;
}

Edited April 23, 2013 by CarlosC (see edit history)

[otreb]

Ja está melhor, depois mais tarde irei tentar editar o tpl alterando esses valores que me disse!

Obrigado

Outra duvida que tenho é por exemplo nas paginas dos produtos aparece me muitos produtos e depois a imagem fica branca não há maneira de colocar menos produtos por pagina?

aqui fica o link:

http://www.motopt.pt/index.php?id_category=6&controller=category

[exadra37]

Já vi que obteve a preciosa ajuda do @CarlosC e conseguiu fazer alguns progressos

 

Para alterar o numero de produtos por página basta, no back-office ir em Preferences > Products e na seccção Pagination altera para o número pretendido.

 

Eu acho que seria preferivel colocar uma imagem mais alta que permita no minimo 9 productos e o ideal seria pelo menos 12 productos por página.

 

Outra alternativa é puxar a imagem para baixo...

 

Procure o seguinte código em global.css na linha 103:

.clsBody {
background: url("../img/motocross_rid.jpg") no-repeat scroll 33% 0 transparent;
}

 

Substitua por este:

.clsBody {
background: url("../img/motocross_rid.jpg") no-repeat scroll 33% 76% transparent;
}

 

Como branco se esbate com a cor do céu na foto, acaba por não se perceber que a transição.

[otreb]

Ficou porreiro! Agora tenho de ver se arranjo uma maior! O que eu pensei foi tipo colocar a imagem a descer quando desciamos a pagina, tambem devia ser uma boa ideia ou nao?

[CarlosC]

Assim esta óptimo, quanto a imagem mover ao fazer scroll é melhor não, iria criar lag ao browser desnecessariamente.

[exadra37]

Experimente com a imagem fixa ou seja sem acompanhar o scroll....

 

.clsBody {
    background: url("../img/motocross_rid.jpg") no-repeat fixed 33% 0 transparent;
}

[exadra37]

titulo do tópico editado de "Motopt - Sugestão" para "[Feedback] Motopt - Aceitam-se Sugestões"

[ritmz]

Acho que alguns aspectos poderiam ser melhorados mas isso são coisas que são feitas com o tempo.

Mas tenho um deles que deverias alterar já:

 

http://www.motopt.pt/index.php?id_category=10&controller=category

 

Os titulos das sub-categorias deviam estar com cor mais clara. Tens um fundo escuro devias por o titulo a branco ou cinzento claro para ser perceptivel