Jump to content

One Column Product page question


Recommended Posts

So you want short description block, then buy block, then long description box? You could just copy the short_description_block div and change short_description to description and description_short to description so that it reads the long description instead of the short description, then edit global.css so that the same CSS is applied to it. The only problem then would be that the "More details" button would break. You can simply {* comment out *} that button or edit js/product.js in your theme's directory and change the following code near the bottom:

//catch the click on the "more infos" button at the top of the page
$('div#short_description_block p a.button').click(function(){
   $('#more_info_tab_more_info').click();
   $.scrollTo( '#more_info_tabs', 1200 );
});



to:

//catch the click on the "more infos" button at the top of the page
$('div#short_description_block p a.button').click(function(){
   $.scrollTo( '#description_block', 1200 );
});

  • Like 1
Link to comment
Share on other sites

Thanks Rocky,

It worked perfectly, but it did not look smooth. I moved the entire more_info_block into the pb-left-column and that did not look smooth too.
Will probably have to fix the height for each div so that the entire pb-left-column aligns with the pb-right-column.

Cheers

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...