otreb Posted April 23, 2013 Share Posted April 23, 2013 (edited) 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) Link to comment Share on other sites More sharing options...
CarlosC Posted April 23, 2013 Share Posted April 23, 2013 Boas, A única coisa que se consegue ver é a pagina de manutenção de um site feito em wordpress. Cumps 1 Link to comment Share on other sites More sharing options...
otreb Posted April 23, 2013 Author Share Posted April 23, 2013 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 Link to comment Share on other sites More sharing options...
exadra37 Posted April 23, 2013 Share Posted April 23, 2013 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. 1 Link to comment Share on other sites More sharing options...
otreb Posted April 23, 2013 Author Share Posted April 23, 2013 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 Link to comment Share on other sites More sharing options...
exadra37 Posted April 23, 2013 Share Posted April 23, 2013 Fica esquesito as fotos rectangulares dentro de um circulo, os circulos desalinhados e sobrepostas no footer. Veja se não fica melhor assim. Link to comment Share on other sites More sharing options...
otreb Posted April 23, 2013 Author Share Posted April 23, 2013 Sim ficava muito melhor! Mas há possibilidade de eu conseguir programar de maneira a ficar assim? Obrigado pelas dicas Link to comment Share on other sites More sharing options...
exadra37 Posted April 23, 2013 Share Posted April 23, 2013 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 . 1 Link to comment Share on other sites More sharing options...
CarlosC Posted April 23, 2013 Share Posted April 23, 2013 (edited) 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) 2 Link to comment Share on other sites More sharing options...
otreb Posted April 23, 2013 Author Share Posted April 23, 2013 (edited) 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) Link to comment Share on other sites More sharing options...
CarlosC Posted April 23, 2013 Share Posted April 23, 2013 (edited) 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) 1 Link to comment Share on other sites More sharing options...
otreb Posted April 23, 2013 Author Share Posted April 23, 2013 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 Link to comment Share on other sites More sharing options...
CarlosC Posted April 23, 2013 Share Posted April 23, 2013 (edited) 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) 1 Link to comment Share on other sites More sharing options...
CarlosC Posted April 23, 2013 Share Posted April 23, 2013 (edited) 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) 1 Link to comment Share on other sites More sharing options...
otreb Posted April 23, 2013 Author Share Posted April 23, 2013 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 Link to comment Share on other sites More sharing options...
exadra37 Posted April 23, 2013 Share Posted April 23, 2013 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. Link to comment Share on other sites More sharing options...
otreb Posted April 24, 2013 Author Share Posted April 24, 2013 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? Link to comment Share on other sites More sharing options...
CarlosC Posted April 24, 2013 Share Posted April 24, 2013 Assim esta óptimo, quanto a imagem mover ao fazer scroll é melhor não, iria criar lag ao browser desnecessariamente. Link to comment Share on other sites More sharing options...
exadra37 Posted April 24, 2013 Share Posted April 24, 2013 Experimente com a imagem fixa ou seja sem acompanhar o scroll.... .clsBody { background: url("../img/motocross_rid.jpg") no-repeat fixed 33% 0 transparent; } Link to comment Share on other sites More sharing options...
exadra37 Posted April 28, 2013 Share Posted April 28, 2013 titulo do tópico editado de "Motopt - Sugestão" para "[Feedback] Motopt - Aceitam-se Sugestões" Link to comment Share on other sites More sharing options...
ritmz Posted June 6, 2013 Share Posted June 6, 2013 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 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now