Jump to content

Prestashop LIST to GRID


Recommended Posts

  • 1 month later...

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

post-198564-0-89254900-1333423197_thumb.png

Share this post


Link to post
Share on other sites

  • 4 weeks later...

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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 by no e mi (see edit history)

Share this post


Link to post
Share on other sites

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;
}

Share this post


Link to post
Share on other sites

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 by no e mi (see edit history)

Share this post


Link to post
Share on other sites

  • 2 months later...

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 :o

 

Any help would be great!

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