Digital experiences for all disciplines
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
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” 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”>
<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/<?php echo $product->is_in_stock() ? ‘InStock’ : ‘OutOfStock’; ?>” /><?php } ?>
</div>
with
<div itemscope itemtype=”http://schema.org/Product” 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”>
<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/<?php echo $product->is_in_stock() ? ‘InStock’ : ‘OutOfStock’; ?>” /><?php } ?>
</div>