[SOLVED] adding title block and h4 to product pages = featured products

[surferboy]

Hi -

 

Would anyone have an idea of how to go about tweaking the default theme so that the individual product pages center block could display a title block and the h4, and ... it I am not already asking for the moon, to display the name of the product in the title block?

 

Right now it looks kind of bald and out of place without that title block.

 

Thanks,

 

Brian

[vekia]

to be honest i don't know what you exactly expect.

 

this is how the product page looks like (default theme)

 

"iPod touch" is an product tile, and it's <h1> tag. You want to change it to <h4> ?

or what?

[surferboy]

Hi -

 

Thanks for asking!  Basically, with how I have changed the background of my shop, and having moved the breadcrumb up above the center block AND the left and right column, I now have this gap.  Since all of the tops of the modules in the left and right column have a css code of .block .title_block, .block h4   I wanted to have the product page have the same look, on the top of the center block, and move the product name up into that section from where it is now.

 

Hope that helps!

 

Thanks,

 

Brian

[vekia]

in this case you will need to move <h1> tag with title to the main center column div (by default it is located in pb-left-column). Move it right after <div id="primary_block"> and to h1 tag add class="title_block".

 

 

then it will looks like (this is default theme with simple css modifications)

 

this is what you're looking for?

[surferboy]

Yes, that is exactly what I am looking to do!  I am pretty worthless in coding but I do use Firebug so I'll give it a try!

 

Sending you a PM now so you can see our site. (oh, guess I can't)

 

Thanks,

 

Brian

Edited September 8, 2013 by surferboy (see edit history)

[vekia]

if you will have any questions related to this case - feel free to continue discussion here i will reply asap my PM will be available soon, sry

[surferboy]

Okay, well it was a first attempt!  This is what I pasted:

 

<div id="primary_block" class="clearfix">
    <h1>{$product->name|escape:'htmlall':'UTF-8'} class="title_block"</h1>

 

That didn't work so well! ...

[vekia]

use this code for H1 tag:

<h1 class="title_block">{$product->name|escape:'htmlall':'UTF-8'} </h1>

[vekia]

and instead

<div id="primary_block" class="clearfix">

 

use

 

<div id="primary_block" class="block">

[surferboy]

oh, okay, tried that.  substituting block for clearfix totally messed up the layout so I restored it to clearfix.

 

I cut and paste the code (minus the extra ">" but it just displays as this:

 

class="title_block" Name of Product

 

Thanks so much for your help!  We're close ...

[vekia]

can you send me url to your website? here is my email [email protected]

it will be much easier then 

[surferboy]

and even closer:

 

using this code:

 

<div id="center_column" class="block">
    <p class="title_block">{$product->name|escape:'htmlall':'UTF-8'} </p>
<div id="primary_block" class="clearfix">

 

now all I have to do is remove a pesky gap below the title block and above the product

[surferboy]

and now, got the pesky gap out of the way - had to open products.css and adjust the margin-top: setting from 15px to 0px.

[vekia]

yea glad to hear that

just wondering... problem is solved?

[surferboy]

Yep, now it looks soooooooooo much cleaner!

 

Thanks again for your help.

 

Brian

[vekia]

you're welcome

 

glad that I could help a little in this case

 

im going to mark this topic as [solved]

 

best regards