Jump to content

[SOLVED] Need changes to 'final' product page - PrestaShop 1.6.1.23


Recommended Posts

Hello everyone

Let me first explain which page I'm referring to when I say 'final' product page. It is the very last one you can get to when following the menu bar/category bar on the front page.  So, Category -> sub-category -> then click on one of the products which takes you to -> 'final' page with the product and full description. See pic below:

1536476740_shop1.jpg.2c09218efc303c266714453ba52dc149.jpg

My problem is this... When the page opens you can not see the full description. You have to scroll down  before it comes into view. For the kind of products I sell, it is however, imperative that the customer can see at least the first part of the 'More Info/full description' at first glance. They have to know immediately "hey, there's something here I better read first". This is so important that I've changed things at checkout so that they have to declare that they have read the full description before they can checkout. So basically I want at least a little bit of that full description to show at first glance.

I've played around with padding settings but that does not 'lift' it enough, so now I am wondering if it is possible to 'cut off' the top part of the page, so that the top of the page starts just above the breadcrumb. In other words, display the page without the banner, logo, search bar, etc. Something like this:

480580303_shop2.jpg.d2aa70267b23f24a5529633f69306f41.jpg

That would bring the full description at the bottom nicely into view at first glance.

Can it be done? If so help and tell me how please. Keep in mind that it must be so for ONLY the 'final' product page, not globally.

Any help will be greatly appreciated!

Thanks

Edited by hobbit (see edit history)
Link to comment
Share on other sites

Well.. this took me a while 😅😅

The answer is so simple.. but only after I watched this tutorial that helped me figure out exactly what I should do. Major kudos to you NemoPS! I prefer using custom.css so this solution was ideal. All I had to do was to add this bit of code in my custom.css file:

.product #page .header-container {
	display: none;
)

 

Edited by hobbit (see edit history)
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...