New Landing How can we help? Themeforest Theme Support Neighborhood WooCommerce single product shows fullwidth product image after update Reply To: WooCommerce single product shows fullwidth product image after update

#196144
lobsterass
Member
Post count: 386

OK. Thanx. I removed the old custom code from content-single-product.php. Please tell me how I make the product title H1 placed above the body text on the right. Please see attached image of this.

Here are my old changes regarding this:

CSS:

.woocommerce div.product .entry-title {
 display: block;
 margin-bottom: 40px;
}

2) Woocommerce>content-single-product.php replace:
<div itemscope itemtype=”http://schema.org/Product&#8221; id=”product-<?php the_ID(); ?>” <?php post_class(); ?>>

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

<?php
/**
* woocommerce_show_product_images hook
*
* @hooked woocommerce_show_product_sale_flash – 10
* @hooked woocommerce_show_product_images – 20
*/
do_action( ‘woocommerce_before_single_product_summary’ );
?>

<div class=”summary entry-summary”>

<div class=”summary-top clearfix”>

<div itemprop=”offers” itemscope itemtype=”http://schema.org/Offer”&gt;

<p itemprop=”price” class=”price”><?php echo $product->get_price_html(); ?></p>

<meta itemprop=”priceCurrency” content=”<?php echo get_woocommerce_currency(); ?>” />

<?php if (!$catalog_mode) { ?><link itemprop=”availability” href=”http://schema.org/&lt;?php echo $product->is_in_stock() ? ‘InStock’ : ‘OutOfStock’; ?>” /><?php } ?>

</div>
with
<div itemscope itemtype=”http://schema.org/Product&#8221; id=”product-<?php the_ID(); ?>” <?php post_class(); ?>>

<?php
/**
* woocommerce_show_product_images hook
*
* @hooked woocommerce_show_product_sale_flash – 10
* @hooked woocommerce_show_product_images – 20
*/
do_action( ‘woocommerce_before_single_product_summary’ );
?>

<div class=”summary entry-summary”>

<div class=”summary-top clearfix”>

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

<div itemprop=”offers” itemscope itemtype=”http://schema.org/Offer”&gt;

<p itemprop=”price” class=”price”><?php echo $product->get_price_html(); ?></p>

<meta itemprop=”priceCurrency” content=”<?php echo get_woocommerce_currency(); ?>” />

<?php if (!$catalog_mode) { ?><link itemprop=”availability” href=”http://schema.org/&lt;?php echo $product->is_in_stock() ? ‘InStock’ : ‘OutOfStock’; ?>” /><?php } ?>

</div>

Attachments:
You must be logged in to view attached files.