SINGLE PRODUCT PAGE, 2 TWEAKS

[Marco Volpato]

Hi there,
Just 2 quick questions..

1. I have moved the product title to the right of the image on the single product page. At this point it is using the body text, all-caps at a larger size. I would like to change it to H2. The custom CSS i am using to achieve this is:

/* This makes the new product title */
.woocommerce div.product .entry-title {
display: block;
float: right;
width: 48%;
text-align: left;
font-size: 26px;
margin-bottom: 30px;
}

/* This fixes the title for mobile screen */
@media (max-width: 600px) {
.woocommerce div.product .entry-title {
float:left;
}
}

How do I go about altering this?

2. I would like to include the brand attribute just beneath this heading. (In between the product title and the price). I have tried but can’t seem to figure it out. The brand attribute should be H4.

TL:DR:
– Change Product Title to H2
– Insert “Brand” Attribute In-Between Product Title & Price as H4.

Any guidance you could give would be great!

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

1) If you want to change it to h2 you will need to edit the single-product.php file

2) I’m afraid this customisation is beyond our scope of support. Again you will need to edit the single-product.php file however you will need to add additional code to pull in the attribute

– Kyle

[Marco Volpato]

Hi Kyle,

How would I go about editing the single-product.php file to change it to H2?

[Rui Guerreiro – SUPPORT]

Hi,

You should edit the file single-product.php located in the folder neighborhood/woocommerce/

Find this

	<h1><?php echo $page_title_one; ?></h1>
			<?php } else { ?>
	<h1><?php the_title(); ?></h1>

And change it to this:

	<h2><?php echo $page_title_one; ?></h2>
			<?php } else { ?>
	<h2><?php the_title(); ?></h2>

-Rui

[Marco Volpato]

Hi Rui,

Thanks for the suggestion, but it didn’t seem to work…

The product title isn’t a heading by the looks of it.
It is the same font as my body font.

(As it wasn’t H1 to begin with, when I changed the single-product.php file to H2 it didn’t seem to make a difference.)

Any suggestions?

[Rui Guerreiro – SUPPORT]

Can you provide the url to a product page so I can inspect it?

-Rui

[Marco Volpato]

Hi Rui,

Thanks for getting back to me.

I don’t actually have any products listed at the moment.
I only have drafts, and I’m using preview to test what they will look like.

– Marco

[Rui Guerreiro – SUPPORT]

That’s no problem. Provide admin access using the private reply option so that I can check it for you.

-Rui

[Marco Volpato]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Just missing the site url.
Thanks

-Rui

[Marco Volpato]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Inside neighborhood\woocommerce\content-single-product.php find this code

<div class="entry-title" itemprop="name"><?php the_title(); ?></div>

and change it to

<div class="entry-title" itemprop="name"><h2><?php the_title(); ?></h2></div>

-Rui

[Marco Volpato]

Perfect, thanks for your help!

– Marco

[Rui Guerreiro – SUPPORT]

No problem. Glad I could help.
-Rui