Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #15127

    How do I take the Single product title on the Single product page

    1. Above the full width image slider (right now as default it appears below the shopping cart as in the demo site)

    2. Retain it where it is and also make it appear above the full width image slider.

    #86297

    Open up config-woocommerce/config.php and replace:

    if(empty($avia_config['slide_output']))
    {
    $slider = new avia_slideshow(get_the_ID());
    $slider -> setImageSize('portfolio');
    echo $slider->display();
    echo $slider->slideshow_thumbs();
    }
    else
    {
    avia_add_to_cart($post, $product );
    echo "<h1 class='post-title portfolio-single-post-title'>".get_the_title()."</h1>";
    }

    with:

    if(empty($avia_config['slide_output']))
    {
    $slider = new avia_slideshow(get_the_ID());
    $slider -> setImageSize('portfolio');
    echo $slider->display();
    echo $slider->slideshow_thumbs();
    }
    else
    {
    avia_add_to_cart($post, $product );
    }

    Then open up header.php and replace:

    if(!empty($avia_config['slide_output'])) echo "<div class='container_wrap' id='slideshow_big'><div class='container'>".$avia_config['slide_output']."</div></div>";

    with:

    if(!empty($avia_config['slide_output']) && is_product() ) echo "<h1 class='container post-title portfolio-single-post-title'>".get_the_title()."</h1>";
    if(!empty($avia_config['slide_output'])) echo "<div class='container_wrap' id='slideshow_big'><div class='container'>".$avia_config['slide_output']."</div></div>";

    #86298

    Thanks Dude,

    The title goes up but the alignment goes haywire. And the Price remains where it is. This is what it does to the page. As the site is being developed offline, the screen grab may be seen here. http://www.mindcube.com/help/grab2.jpg

    Thanks

    #86299

    Hi shhaival,

    I’m not sure why the second price is getting output. But the header will need to be styled a bit to get it re-aligned. Can you put the site online temporary so that we can take a look at what is getting output now live?

    Regards,

    Devin

    #86300

    Hi Devin,

    Here is the site online temporarily. http://modoline.com/ready/catalogue/real-estate-trifold-brochure-template/

    Thanks

    #86301

    Hey!

    I adjusted the code above a bit. You can change the margin top/bottom of the title with following code – add it to css/custom.css:

    .container.post-title.portfolio-single-post-title{
    margin-top: 10px;
    margin-bottom: 10px;
    }

    You can hide the price with following code:

    .single-product .price_container{
    display: none;
    }

    Regards,

    Peter

    #86302

    Hi Peter,

    The price is hidden but the margins for the post title is not affected by first code.

    regards

    Shhaival

    #86303

    Figured it out finally…thanks for all the help

    #86304

    Glad you were able to get it all working :)

    Regards,

    Devin

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

The topic ‘How do I take the Single product page title above the full width image slider’ is closed to new replies.