Prestashop LIST to GRID

[Kay van Aarssen]

Beste Lezers,

 

Ik heb een module gevonden die ervoor zorgt dat je je list naar een grid kunt veranderen.

Zelf heb ik dit nu al in 3 shops getest.

Kunnen jullie dit ook testen of het bij jullie ook werkt en met welke thema's

 

Eventueel een screenshot bijvoegen voor het resultaat zou mooi zijn.

 

product_list_grid_view(1).zip

[CrystalPhoenix18]

works well on my test of PS 1.5, except that the title (eg Ipod Nano) is under the image, and overwrites the short description. what can I change in the css or tpl to move the product name either above the image or have the short description move down? see attached image

[Kay van Aarssen]

Thanks for testing!

Nice that it works also in 1.5

[dragonfood]

Hallo

 

uiteraard was ik hier erg blij mee, het zip bestand op de harde schijf gedownload, module vanaf mijn pc aan en het zip bestand gedownload kreeg direct de melding dat Module met succes geïnstalleerd was maar kan ik hem nergens meer terugvinden.

Dus maar weer opnieuw maar niets na 3 pogingen heb ik zoiets , hoe kan het ?

 

Ik neem aan dat hij dan bij winkelopties zou moeten staan ?

PrestaShop™ 1.4.7.3

 

Andere modules kon ik zonder problemen installeren.

mijn www is www.dragonfood.biz

[Kay van Aarssen]

Je moet ook nog wat met de posities spelen.

Als je er niet uit komt DM me dan even dan kan ik het misschien snel verhelpen en anders kan ik je zeker verder helpen.

[dragonfood]

Hallo

 

mijn eerste probleem is dat ik het zip bestand succesvol als module heb geïnstalleerd maar die dan vervolgens in het admin gedeelte nergens zie ? Zoals ik al eerder schreef; Ik neem aan dat hij dan bij winkelopties zou moeten staan ?

PrestaShop™ 1.4.7.3

[Kay van Aarssen]

Nee er zitten wat haken en ogen aan dit verschilt per theme.

DM me even als je wil.

[no e mi]

I downloaded the zip in modules, but is not showing up in my backoffice, my version is 1.4.7.3.

Edited May 9, 2012 by no e mi (see edit history)

[Kay van Aarssen]

Its under administration.

And you need to modify the Product-list.tpl file.

Its explained in the read me

[no e mi]

ok djkavaa, sorry, did not open the file.zip and I saw that he had instructions inside, I was thinking that the module was installed and was not, was to replace files, now running at

http://www.noemibaby...p?id_category=6

my version 1.4.7.3

beautiful work, thank you

Edited May 10, 2012 by no e mi (see edit history)

[no e mi]

one more detail, how to eliminate one button "compare" eliminate the white space between the product name and price.(testing in google chrome)

You could test with IE9, I was in a huge space between the product name and price.

Comparing the same link in chrome and IE9 there are some differences,is to close this gap?

http://www.noemibaby...p?id_category=6

Edited May 10, 2012 by no e mi (see edit history)

[Kay van Aarssen]

You need to modify the Product_list.CSS

 

And fot editing please change your CCC settings to default than you can edit the CSS with firefox to get a preview and after that you have the right code to place in your CSS files.

 

I did this to but because you have CCC on i cannot give you a line.

 

Here is the code that makes sure its the right layout.

Search for the top line:

ul#product_list li p.product_desc {

 

And change the code below it

 

Here is the complete code for it.

 

ul#product_list li p.product_desc {
   font-size: 0.92em;
   height: 190px;
   margin-bottom: 0;
   text-align: justify;
}

ul#product_list li div.right_block {
   display: inline;
   float: left;
   height: 75px;
   margin-left: 2em;
   margin-top: -1.5em;
   padding-bottom: 45px;
   text-align: center;
}

[Peter Pastoor]

Hele stomverbaasd maar wat is dat Grid eigenlijk? Ik lees het vaker maar weet niet wat het is.

[Kay van Aarssen]

Je hebt een list:

 

-----

-----

 

en een grid

 

: : : :

 

Dus onder elkaar en langs elkaar.

Onder elkaar is dan dus LIST

En langs elkaar is dan GRID

[Peter Pastoor]

Ahaa duidelijk. Wij hebben dus de Grid al Dank

[no e mi]

Hi djkavaa, thanks. Problem solved for Chrome, but IE9 did not fix the error, how do you fix the IE9 too.

See the link in IE9

http://www.noemibaby...p?id_category=6

Edited May 11, 2012 by no e mi (see edit history)

[Kay van Aarssen]

You need to modify the CSS so that its looking good.

You may need to get a second CSS only for IE.

 

Use firefox/Firebug to fix it.

 

Maybe this wil also work:

 

http://www.prestashop.com/forums/index.php?/topic/155879-prestashop-list-to-grid/page__view__findpost__p__822632

[no e mi]

Hello, thanks for helping me, I am beginner in PS.

My problem is that my knowledge of css is little.

I have firefox firebug installed but I know not.

I need a detailed step by step.

Edited May 11, 2012 by no e mi (see edit history)

[Kay van Aarssen]

Did you see the topic above?

About what to edit in the CSS file.

[no e mi]

hello, sorry to bother, but I'm new to PS issue.

I changed the CSS code as above in Chrome and Firefox it looks great, congratulations.

In IE9 could not stay that good.

I do not know how to create a second code only for IE 9.

Edited May 12, 2012 by no e mi (see edit history)

[Kay van Aarssen]

Its not that easy i know.

Could you dm me your website than i can look of it.

[no e mi]

my website is www.noemibaby.com

[Frens]

Is er een list to grid module voorhanden , of werkt het niet goed ??

[moparmaniac]

I really like this! Been trying to figure it out, for a long time! Thanks a lot, for sharing

 

A couple of questions (Using PS 1.4.8.3 & standard theme)

 

1 - I would like the Short & Long descriptions to change place with each other.

Now I have the Long desc below the product image, and would like the Short desc to take its place.

 

2 - I would like to truncate the text under the image.

Been trying to change the values entered in product-list.tpl, but at the moment Im stuck, and out of luck

 

Any help would be great!