Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • August 8, 2014 at 12:13 pm #301576
    Luke86

    I have followed the instructions on this page:

    http://kriesi.at/documentation/enfold/change-woocommerce-single-product-page-layout/

    I was curious how I could get the side bar to appear on the left instead of the right please.

    Many thanks.

    Luke

    August 8, 2014 at 12:23 pm #301581
    Yigit

    Hi Luke!

    Please use following code instead

    #
# wrap single product image in an extra div
#
add_action( 'woocommerce_before_single_product_summary', 'avia_add_image_div', 2);
add_action( 'woocommerce_before_single_product_summary',  'avia_close_image_div', 20);
function avia_add_image_div()
{	echo "<div class='three units single-product-sidebar alpha'>";
	get_sidebar();
	echo "</div>";
	echo "<div class='four units single-product-main-image'>";
}
 
function avia_close_image_div()
{
	global $avia_config;
	$avia_config['currently_viewing'] = "shop_single";
 
	echo "</div>";
}
 
 
#
# wrap single product summary in an extra div
#
add_action( 'woocommerce_before_single_product_summary', 'avia_add_summary_div', 25);
add_action( 'woocommerce_after_single_product_summary',  'avia_close_summary_div', 3);
function avia_add_summary_div()
{
	echo "<div class='five units single-product-summary'>";
}

function avia_close_summary_div()
{
	echo "</div>"; //close out the summary
}

    Regards,
    Yigit

    August 8, 2014 at 1:06 pm #301608
    Luke86

    Yigit, your a superstar, thank you very much.

    Can I ask, would it be easy to select which sidebar to show?

    I would like to display the “Shop Overview Page” sidebar.

    Thanks again,

    Luke

    August 8, 2014 at 1:06 pm #301609
    Luke86

    Also, are you paid for your work here on Kriesi.at?

    If not, it would be good to allow people to tip people a couple of dollars for helping!

    August 9, 2014 at 6:30 am #301922
    Devin

    Hey!

    Yep, we are paid support :)

    You would need to change the get_sidebar(); to point to the sidebar name of your choice. See: http://codex.wordpress.org/Function_Reference/get_sidebar

    Cheers!
    Devin

    November 4, 2014 at 5:40 pm #345948
    Luke86

    Could someone please advise if the above code has changed due to the update to Enfold/Woocommerce.

    It is no longer working for me and displays everything in a full width column.

    Many thanks,

    Luke

    November 4, 2014 at 5:42 pm #345949
    Yigit

    Hi!

    Yes, no need to add functions now. Do you mind posting the link to your website so we can take a look?

    Cheers!
    Yigit

    November 5, 2014 at 1:32 pm #346486
    Luke86

    http://www.o-mills.co.uk/dev/product/secret-trinkets-cream-and-crystal-seahorse/

    That is how the product page appears when using the code above in the functions.php in my child theme.

    Luke

    November 6, 2014 at 2:57 pm #347098
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .three.units.single-product-sidebar.alpha { width: 25%; }
.single-product-main-image { width: 25%; }
.five.units.single-product-summary { width: 35%; }

    Cheers!
    Yigit

    January 21, 2015 at 5:12 pm #383135
    Luke86

    Hi Yigit,

    Is there a way to display 3 related products at the bottom of the content area?

    Luke

    • This reply was modified 9 years, 11 months ago by Luke86. Reason: updating
    January 21, 2015 at 10:45 pm #383392
    Elliott

    Hi!

    You mean like on our demo? http://kriesi.at/themes/enfold/product/zoku-trioquick-pop-maker/

    As long as the products have the same tag assigned to them then they will display as related products.

    Cheers!
    Elliott

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.