[SOLVED]: Product view - changing column size and erasing lines

[LasseSJ]

HI.

 

I'm making a new shop in the Presta 1.45.

Please see the attached file/image in this post.

 

My questions for you Guys:

 

1. How can I move the column between the product text and cart? (I need the product text column to expand to the right and the cart to be smaller to the left )

 

2. How can I erase the 3 white lines in the product view? I removed the "sort by", now it only shows how many items there is in the first white line. But I would like that gone too.

 

Here is the link also.

 

http://smartkajak.dk...egory&id_lang=2

 

Thanking you.

Greetings from Copenhagen.

Lasse

Edited April 14, 2013 by LasseSJ (see edit history)

[PascalVG]

Open file /themes/<your theme folder>/css/category.css

Find:

.resumecat {

margin:15px 0 10px 0;

padding:8px 7px;

color:#000;

background:#f0f0f0;

display: none; // add this line

}

 

in /themes/<your theme folder>/css/global.css, find:

 

#center_column .sortPagiBar {

padding:10px;

font:normal 11px Arial, Verdana, sans-serif;

color:#666;

background:#eee;

display: none; // add this line

}

 

Not sure what you mean in question 1. Please some image with explanation.

 

My 2 cents,

pascal

[LasseSJ]

Thanks Pascal.

 

However, there is still one White line in the top, saying "There are 2 products", how can I erase that line too?

http://smartkajak.dk/prestashop/index.php?id_category=8&controller=category&id_lang=1

 

Regarding nr. 1?:

How can I move the CART column more to the right?

Then the product describtion column can expand more to the right... see here:

http://smartkajak.dk/prestashop/index.php?id_category=8&controller=category&id_lang=2

 

Thanks,

Lasse

[PascalVG]

Hi Lasse,

I can't find in your code that you put the display:none to the .resumecat part. Please check in file:

/themes/<your theme folder>/css/category.css

if you added the line at:

 

.resumecat {

margin:15px 0 10px 0;

padding:8px 7px;

color:#000;

background:#f0f0f0;

display: none; // add this line. I cannot see that you did yet on your page

}

 

2) As you don't habe a right column, you might try this. edit:

/themes/<your theme folder>/header.tpl

 

and find this piece of code: (probably at the end of the file)

 

<!-- Center -->

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

 

 

change this into

 

<!-- Center -->

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

 

 

Hope that does the trick.

pascal

[LasseSJ]

Hi Pascal.

 

1) is solved. Strange it didn't appear first. Thanks.

 

2) I already use this line:

 

<!-- Center -->

< div id="center_column" class=" grid_7 omega">

 

It does the job and opens the center column all to the right.

 

I think you don't understand what I need:-)

Please check the image I attached.

 

I want to move the Black line to the red line, so that the cart field will be smaller, and the product description field will be bigger.

 

I hope you see.

Peace, Lasse

[PascalVG]

Ah, misunderstood indeed:

2) open file themes/<your theme folder>/css/product_list.css

 

find: (around line 28)

#product_list li .center_block {

float: left;

padding:0 7px;

width: 500px; // change this value to around 500 or so

border-right:1px dotted #ccc

}

 

Hope this does the trick,

Pascal

[LasseSJ]

Worked, great Pascal!

 

Last thing:

How do I get the product pictures bigger in this view:

http://smartkajak.dk/prestashop/index.php?id_category=8&controller=category&id_lang=2

They are too small - since I will only have very few items in the shop.

 

thanks

[PascalVG]

Hi Lasse,

Glad it all works out fine :-)

 

Go to Preferences->Images

Change the width and height values of the home_default item (say 124->150)

 

Scroll down in this screen and press the button Regenerate thumbnails.

 

That should do it,

Pascal

[LasseSJ]

You are the king of presta.

Thanks

[LasseSJ]

How can I add [sOLVED] in this thread header?

[PascalVG]

(See my footer)

 

You are the king of presta.

Thanks

*Blush*

[LasseSJ]

Hi Again.

 

I now see that I also need to expand the text in the second product view:

 

http://smartkajak.dk...oduct&id_lang=2

 

See the attached Picture. I want to expand the Picture so it fills out the whole space to the right.

Moving from Black line to the red.

Where can I do this?

 

Thank you

Lasse

[PascalVG]

Do you want the picture bigger, or the text block stretched out? (I.e. there are 2 ways to move to the right...)

Solution tomorrow. It's 3:46 am...

 

[LasseSJ]

Go to bed Pascal. Sleep tight.

 

The text block please.

Thanks in advance.

Out/Lasse

[PascalVG]

Ok, just quick then...

themes/<your theme folder>/css/product.css, line 135:

/* pb-left-column ****************************************************************************** */

#pb-left-column {

float:left;

margin-left:14px;

width:440px; // change 255 to this...

}

[LasseSJ]

You are gold! Tak