Custom product page

[jlmurgas]

Hello, 

 

I created a new category with selected seasonal products,  but my boss is asking me to that page this more personalized (remove the menu header and menu sidebar, other colors, etc..) I've been researching on creating custom pages, but do not know if it would be the right thing to do. 

 

Questions: 

 

Is it better to create a custom page and add the products? If so, what is the way? Any link to tutorial or something. 

 

If not, how I can customize the pages created in categories? remove menus, change colors, etc.. But only on that page. 

 

 

regards,

[PSfever.com]

It'd be best to look at the source code and the ID of your body tag. Based on that ID you can create new CSS rules for your site.

eg. for Product page, if you wanted to change the color of the h1 tag, you would write

#product h1 {color:#ff0000}

[jlmurgas]

 

It'd be best to look at the source code and the ID of your body tag. Based on that ID you can create new CSS rules for your site.

eg. for Product page, if you wanted to change the color of the h1 tag, you would write

#product h1 {color:#ff0000}

Applying a style for the header, this would not affect the other pages?

 

I need to remove some elements are within the header. eg the menu and login buttons.

[vekia]

if you will use parent #product style id, it will not affect other pages, only page related to #product

[vekia]

you can even change color only for certain products!

each product page has got own class value, for example product with id 3 has got class: product-3

product with id 189 has got own class product-189

[jlmurgas]

Guys, I really appreciate your answers. 

 

But my problem is not making changes to the page of a specific product. Changes need to perform them in a category of products in specific, ie a category of products of the season.

[dioniz]

It is same for category page. If your category id is 3, class for your page body is category-3

So you can change everything on this category page

[jlmurgas]

this would be the correct syntax? 

 

Website: http://www.kandylandkid.com/34/4th-of-july

#category-34 .left_column{
display:none;
}

Edited June 13, 2014 by jlmurgas (see edit history)

[dioniz]

 

this would be the correct syntax? 

 

Website: http://www.kandylandkid.com/34/4th-of-july

#category-34 .left_column{
display:none;
}

No, it would be like this:

.category-34 #left_column{
display:none;
}

because body have class category-34 and left column has id left_column supposing you have default theme.

[jlmurgas]

No, it would be like this:

.category-34 #left_column{
display:none;
}

because body have class category-34 and left column has id left_column supposing you have default theme.

Doesn't Work

.category-34 #left_column{
	display: none !important;
}

[dioniz]

Is it possible to see your site?

[jlmurgas]

Is it possible to see your site?

 

URL: http://www.kandylandkid.com/34/4th-of-july

Is it possible to see your site?

http://www.kandylandkid.com/34/4th-of-july

[dioniz]

What version of PS you have?

[jlmurgas]

1.5.6

[dioniz]

Ok 1.5.6 doesn't support this by default but this might help you:

http://www.prestashop.com/forums/topic/285562-custom-class-for-body-depending-on-category/?do=findComment&comment=1440260

[jlmurgas]

Ok 1.5.6 doesn't support this by default but this might help you:

http://www.prestashop.com/forums/topic/285562-custom-class-for-body-depending-on-category/?do=findComment&comment=1440260

 

if I upgrade to version 1.6 the previous CSS code will work?

[dioniz]

Yes it will, but i suggest you to make full backup of existing site if anything go wrong with update.

Also take into account that your current theme might not work with 1.6