Jump to content

Przedstawienie produktów w formie tabeli


Recommended Posts

WItam

 

Skonfigurowałem PrestaShop jako katalog produktów.

 

Chciałbym ustawić wyświetlanie produktów tak jak jest na tej stronie - http://www.gama-wynajem.pl/wyposaenie-piknikowe - czyli w formie takiej tabeli.

 

Szukałem w opcjach ale nie mogę nic takiego znaleźć co mogło by mi w tym pomóc.

Czy mogę w jakiś prosty sposób taki widok uzyskać nie ingerując bardzo mocno w kod?

 

--edit--

Używam szablonu - default

 

 

 

Pozdrawiam

Marcin

Edited by marcin_d (see edit history)

Share this post


Link to post
Share on other sites

prestashop standardowo wyświetla produkty w tej formie :

KRiTgL7.png

 

to co chciałbyś osiągnać to: zmniejszenie odstępów pomiędzy poszczególnymi produktami? możesz nieco naświetlić całą sytuację? ;)

jak dla mnie jest to taka forma o jakiej mówisz, tylko, że wygląda troche inaczej, ale to już kwestia nie modyfikacji tpl - a styli css

Share this post


Link to post
Share on other sites

Faktycznie nie określiłem szczegółów...

 

Strona ma być "przedstawieniem produktów" bez możliwości zakupów, stąd na tą chwile kombinowałem z trybem - katalog produktów.

 

1. Potrzebuję  3 kolumny - 1. zdjęcie z nazwą -  2. opis - 3. cena - (4.ewentualnie kaucja za zniszczenie)

 

2. po wyłączeniu modułów po prawej stronie mam "pustą" kolumnę - jak można rozszerzyć listę produktów aby zajmowała      niewykorzystana przestrzeń

 

3. jak zrobić aby pozycje - "Dodaj do koszyka" oraz "wyświetl" nie pojawiały się w trybie sklepu

 

Te punkty były by dla mnie wyjściowymi do dalszej modyfikacji i początków produktu końcowego.

 

 

Pozdrawiam

Marcin

Edited by marcin_d (see edit history)

Share this post


Link to post
Share on other sites

1 wprowadzając modyfikacje do pliku product-list.tpl opisane w punkcie 3, w zasadzie uzyskasz to o czym mówis :)

 

 

2

w tym przypadku konieczne jest zmodyfikowanie 2 plików.

 

themes/TWOJ_SZABLON/header.tpl

zmieniamy grid_5 na grid_7 w:

<div id="center_column" class=" grid_5">

themes/TWOJ_SZABLON/footer.tpl

usuwamy:

<div id="right_column" class="column grid_2 omega">
    {$HOOK_RIGHT_COLUMN}
</div>

3

w tym przypadku trzeba wyedytować każdy plik szablonu gdzie pojawia się button dodawania do koszyka.

w przypadku listy produktów jest to plik product-list.tpl (w katalogu z szablonem), należy usunąć kod:

				{if ($product.id_product_attribute == 0 || (isset($add_prod_display) && ($add_prod_display == 1))) && $product.available_for_order && !isset($restricted_country_mode) && $product.minimal_quantity <= 1 && $product.customizable != 2 && !$PS_CATALOG_MODE}
					{if ($product.allow_oosp || $product.quantity > 0)}
						{if isset($static_token)}
							<a class="button ajax_add_to_cart_button exclusive" rel="ajax_id_product_{$product.id_product|intval}" href="{$link->getPageLink('cart',false, NULL, "add=1&id_product={$product.id_product|intval}&token={$static_token}", false)|escape:'html'}" title="{l s='Add to cart'}"><span></span>{l s='Add to cart'}</a>
						{else}
							<a class="button ajax_add_to_cart_button exclusive" rel="ajax_id_product_{$product.id_product|intval}" href="{$link->getPageLink('cart',false, NULL, "add=1&id_product={$product.id_product|intval}", false)|escape:'html'}" title="{l s='Add to cart'}"><span></span>{l s='Add to cart'}</a>
						{/if}						
					{else}
						<span class="exclusive"><span></span>{l s='Add to cart'}</span><br />
					{/if}
				{/if}

Share this post


Link to post
Share on other sites

Dzięki za pomoc :)

 

Korzystając z info do punktu 3 zrobiłem i działa tak jak chciałem czyli brak przycisku i dalej usunąłem również napis :)

 

Punkt drugi nie do końca - po zmianie w kodzie o której napisałeś przeniosło mi  listę produktów - niżej na lewą stronę pod lewe menu tak jakby brakowało miejsca na całość.

 

Dodam, że cały czas korzystam  z szablonu - default

Edited by marcin_d (see edit history)

Share this post


Link to post
Share on other sites

:) omega pomogło :)

 

Przy czym niestety nie umiem wykorzystać tak jak napisałeś informacji z punktu 3 by zrobić to co w punkcie 1.

 

Nie wiem jak zrobić by były trzy kolumny. W obecnej postać mam - lewa część obrazek + nazwa + opis - prawa część cena. 

Potrzebuję wstawić w środek kolumnę - producent.

Można tak zrobić w ogóle?

Share this post


Link to post
Share on other sites

ok to w pliku product-list.tpl przenieś <a href=> z <img> centralnej kolumny do lewej kolumny.

nYxeTMi.png

 

 

w stylach css usuń width:15px; http://wypozyczalnia-gastronomia.pl/themes/default/css/product_list.css

#product_list li .left_block {
float: left;
padding-top: 58px;
width: 15px;
}

i już będizesz miał 3 kolumny, teraz tylko dostosować style każdej z kolumn (left,center,right) - dobrać odpowiednie długości i będzie to - czego oczekujesz :)

Share this post


Link to post
Share on other sites

 Share

×
×
  • Create New...

Important Information

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