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.
How do I take the Single product page title above the full width image slider
9 posts from 3 voices-
Posted 10 months ago #
-
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>";Posted 10 months ago # -
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.jpgThanks
Posted 10 months ago # -
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
Posted 10 months ago # -
Hi Devin,
Here is the site online temporarily. http://modoline.com/ready/catalogue/real-estate-trifold-brochure-template/
Thanks
Posted 10 months ago # -
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,
PeterPosted 10 months ago # -
Hi Peter,
The price is hidden but the margins for the post title is not affected by first code.
regards
Shhaival
Posted 10 months ago # -
Figured it out finally...thanks for all the help
Posted 10 months ago # -
Glad you were able to get it all working :)
Regards,
Devin
Posted 10 months ago #
Topic Closed
This topic has been closed to new replies.














