Centrare poza

[bluestyle]

Am inceput astazi lucrul la un shop in PS si am intampinat urmatoarea problema: imaginile produselor sunt afisate in partea stanga, nu pe centru. Cum pot face sa fie asezate corect?

 

http://www.petshop-aquazoo.ro

[DarkLucas]

În fila "global.css" cauţi partea aceasta:

 

.products_block li img {
   float: left;
   margin-right: 0.2em;

 

În loc la LEFT scrii CENTER, salvezi şi înlocuieşti fila, refresh şi pozele vor fi pe mijloc.

[bluestyle]

Păi de când float are și opțiunea center? Are doar left sau right. Desigur că nu a mers cum ai spus tu. Am adăugat un marign-left: 35px în product_list.css iar poza a ajuns la centru.

 

Acum aș dori ca titlul produsului să apară deasupra pozei, iar acest titlu să fie centrat, acum nu prea este. Mă puteți ajuta?

[valentin.g]

solutia corecta pentru poze:

global.css linia 1056
#center_column div.products_block a.product_image img {
   float: none;
   margin: 0;
}
global.css linia 1035
#center_column div.products_block a.product_image {
   background-color: transparent;
   display: block;
   margin-bottom: 2px;
   margin-left: 2px;
   text-align: center;
}

 

pentru ca titlul sa apara deasupa pozei trebuie modificat modulul homefeatured.tpl din locatia :

themes/clothetheme/modules/homefeatured/homefeatured.tpl

si inversezi poza cu titlul acolo.

 

apoi seteaza optiunea force compile to yes in preferences - performance

dupa ce s-a schimbat pui optiunea pe no.

[bluestyle]

Asa este, m-am descurcat! Rezultatul este aici: http://www.petshop-aquazoo.ro/

Acum as dori sa fac si produsele din categorii sa arate exact la fel ca Produsele Promotionale. Unde ar trebui sa fac modificarile?

[valentin.g]

themes/clothetheme/product_list.tpl

[bluestyle]

e putin mai dificil aici nu ma descurc... sunt amator la php nu inteleg mare lucru

[valentin.g]

nu stiu ce vezi tu dificil trebuie sa faci ce-ai facut mai sus

sa pui titlul deasupra pozei.

[bluestyle]

Poate nu ai observat dar stilizarea facuta aici: http://www.petshop-aquazoo.ro/ este diferita de stilizarea facuta aici http://www.petshop-a...ro/new-products

 

Daca te uiti pe cod ai sa vezi ca sunt diferente remarcabile!

Doresc ca al 2-lea tip de stilizare sa arate exact ca primul, cu alte cuvinte sa nu mai existe 2 tipuri, ci doar unul singur.