Jump to content
otreb

[Feedback] Motopt - Aceitam-se Sugestões

Recommended Posts

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 by otreb (see edit history)

Share this post


Link to post
Share on other sites

Boas,

 

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

 

Cumps

  • Like 1

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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.

  • Like 1

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

 

Veja se não fica melhor assim.

Share this post


Link to post
Share on other sites

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

Obrigado pelas dicas

Share this post


Link to post
Share on other sites

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 .

  • Like 1

Share this post


Link to post
Share on other sites

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 by CarlosC (see edit history)
  • Like 2

Share this post


Link to post
Share on other sites

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 by otreb (see edit history)

Share this post


Link to post
Share on other sites

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 by CarlosC (see edit history)
  • Like 1

Share this post


Link to post
Share on other sites

Que qualidade :D 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

Share this post


Link to post
Share on other sites

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 by CarlosC (see edit history)
  • Like 1

Share this post


Link to post
Share on other sites

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 by CarlosC (see edit history)
  • Like 1

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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?

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

 

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More