New Landing How can we help? Themeforest Theme Support Neighborhood How to put Product Name above Proze on Single Product Page

Viewing 6 posts - 1 through 6 (of 6 total)
  • #70095
    MeineLiebe
    Member
    Post count: 155

    How can i put the text from the Heading above the Prize on the Single Product Page?
    But it should stay responsive…?

    #70331
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    1) Add this to your custom css:

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

    2) Open up content-single-product.php in the woocommerce folder and 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>

    Let me know if this works

    – Kyle

    #70898
    MeineLiebe
    Member
    Post count: 155

    Hi it didnt work for me:

    I’m using WooCommerce German Market – does it make a difference?

    my original content-single-product.php looks like this:

    ——————————-

    <?php
    /**
    * The template for displaying product content in the single-product.php template
    *
    * Override this template by copying it to yourtheme/woocommerce/content-single-product.php
    *
    * @author WooThemes
    * @package WooCommerce/Templates
    * @version 1.6.4
    */

    if ( ! defined( ‘ABSPATH’ ) ) exit; // Exit if accessed directly
    ?>

    <?php
    /**
    * woocommerce_before_single_product hook
    *
    * @hooked wc_print_notices – 10
    */
    do_action( ‘woocommerce_before_single_product’ );

    if ( post_password_required() ) {
    echo get_the_password_form();
    return;
    }
    ?>

    <div itemscope itemtype=”<?php echo woocommerce_get_product_schema(); ?>” id=”product-<?php the_ID(); ?>” <?php post_class(); ?>>

    <?php
    /**
    * woocommerce_before_single_product_summary 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”>

    <?php
    /**
    * woocommerce_single_product_summary hook
    *
    * @hooked woocommerce_template_single_title – 5
    * @hooked woocommerce_template_single_rating – 10
    * @hooked woocommerce_template_single_price – 10
    * @hooked woocommerce_template_single_excerpt – 20
    * @hooked woocommerce_template_single_add_to_cart – 30
    * @hooked woocommerce_template_single_meta – 40
    * @hooked woocommerce_template_single_sharing – 50
    */
    do_action( ‘woocommerce_single_product_summary’ );
    ?>

    </div><!– .summary –>

    <?php
    /**
    * woocommerce_after_single_product_summary hook
    *
    * @hooked woocommerce_output_product_data_tabs – 10
    * @hooked woocommerce_output_related_products – 20
    */
    do_action( ‘woocommerce_after_single_product_summary’ );
    ?>

    <meta itemprop=”url” content=”<?php the_permalink(); ?>” />

    </div><!– #product-<?php the_ID(); ?> –>

    <?php do_action( ‘woocommerce_after_single_product’ ); ?>

    #71001
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Wrong file, you need to go to neighborhood/woocommerce/content-single-product.php

    – Kyle

    #71329
    MeineLiebe
    Member
    Post count: 155

    nice!

    it worked. thanks a lot.

    #71392
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No problem 🙂

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register