Viewing 26 posts - 1 through 26 (of 26 total)
  • Author
    Posts
  • #330135

    Hi,
    i am trying to make the sidebar appear on the right next to the product image and summary but it will not work.

    I have the Enfold-child settings in the admin panel set to ‘right’ for all sidebar settings and i have set each single product page to “single product” for the sidebar to show the sidebar widget i want to appear on all product pages.

    The sidebar does not appear on the right – it appears below the product photo and summary/

    I noticed you wrote

    The sidebar position is static on product pages and will always be under the left product image if you have sidebars enabled on pages.

    However, I did write a customization you can use in a child theme to modify the single product page or you can use as a base to modify it further if you want: http://kriesi.at/documentation/enfold/change-woocommerce-single-product-page-layout/

    When adding this script to version 3.0 which is what i just purchased the photo for the product is really big spans the width of the pg and below it are the summary and below that the sidebar on the left once again does not work.

    is it possible that the script link above Devin is not working anymore with version 3.0?

    I looked in the ‘config’ file for ‘woocommerce’ folder that is supplied with the enfold theme and notice much of what you have added is already added to this config file (mustve been new addition to 3.0) even has a script to set the sidebar to the right for single product pgs-

    But it doesnt work????

    Can u please fix this and help me i need the sidebar to be on the right

    http://www.heritagetrim.com/testq/store/boot-cover/

    #330369

    Hey MichaelT1!

    Support scope does not cover customizing the single product page layouts. I know that the settings aren’t clear, that the theme doesn’t modify the WooCommerce pages like that, but the documentation is only meant as a starting point and I added the changes so that the page was easily customized through a child theme for those that needed it.

    The setting of the sidebar to sidebar_right has to do with getting a css class on to the sidebar and not its position into the page. The functions are still there and it can still be modified using the code snippet I added to the documentation to move the sidebar to the side of the page.

    The only area it wont work right now is if you are using a left menu site layout. On my live dev site using 3.0 I have a child theme active and the entire code pasted into my functions.php file. The sidebar on my products page is on the right of everything else.

    Cheers!
    Devin

    #359572

    Hi,
    Is it possible to change the image position in left-sided sidebar?

    If I move product image under the title – the left menu in sidebar would go up.

    Could you please let me know which files should I edit?

    Thanks
    M

    #359584

    Hi!

    Can you please post the link to your website and a screenshot showing the changes you would like to make?

    Regards,
    Yigit

    #360390
    This reply has been marked as private.
    #360500

    From first glances it does look like MichaelT1 did get his sidebar to appear on the right, I guess I believe this should be a setting on the “Side Bar Settings” in the enfold admin. or perhaps prudently added to the ‘MUST ADD/Requests list’

    Since I’m not as code savvy as MichaelT1 is, just where should I locate what code snippet in my child theme to ensure that this is working properly?

    The way he has it setup here http://www.heritagetrim.com/testq/store/boot-cover/ looks just FANTASTIC ~! Love it ~!…

    Please let me know what I can dump into my child theme to accomplish this utter awesomesauce..

    as always thanks for your help support :)

    cheers

    #360650

    Is it possible for @MichaelT1 to show up his code please? :)

    #360703

    Ok. here’s my solution (but for the right sidebar):

    functions.php for the child theme:

    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='single-product-main-image alpha'>";
    }
     
    function avia_close_image_div()
    {
    	global $avia_config;
    	$avia_config['currently_viewing'] = "shop_single";
     
    	echo "</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='single-product-summary'>";
    }
     
     
     
    function avia_close_summary_div()
    {
    	echo "</div>"; //close out the summary
    	get_sidebar();
    }
    

    CSS:

    .single-product .product {
    	width: 100%;
    }
    .single-product-summary {
    	float:left;
    	width:45%;
    	margin-right: 3%;
    }
    
    .single-product-main-image {
    width: 25%;}
    
    .sidebar {
    padding-top: 0px;}
    #361256

    Hi!

    thanks for sharing @Mariusz.

    Regards,
    Andy

    #361268

    Hey folks,

    what should the full and actual name of the css file be when dumped into the child theme directory?

    thanks in advance :)

    cheers.

    ENB..//

    #361272

    Got it sorted ~! kick ass~!

    thanks @Mariusz you rock man ~!

    :) :) :) :) :) :)

    ENB..//

    #361340

    N/P but I wonder why Enfold does not support it any more…

    #361342

    It’s a good question, it’s very very important functionality and control to ensure sites look good..

    Hopefully they will enable this feature in future releases.

    cheers

    ENB..//

    #362552

    Hi!

    There are still support for it in part but when one of the updates a few months back broke things I removed the how-to from the docs since it was causing issues.

    Somewhere down the road the plan is to make the sidebar setting effect the shop/product page directly which I think is the ultimate best choice.

    For now though, the theme supports doing it via a child theme or functions in the parent but its still a after market customer customization :)

    Best regards,
    Devin

    #380571

    Hi
    I’ve tried @mariusz code but it doesn’t seem to work the way as @MichaelT1

    Q1. Still hoping @MichaelT1 can share his version of the code.

    Q2. I also would like to know how the Collapsable Category menu was achieved in the right sidebar.
    http://www.heritagetrim.com/testq/shop/
    I’ve looked at several plugins but none as effective.

    Q3. I have also looked through the forum – is there away to edit the product single layout template from the child theme

    #381996

    Hey!

    2. I believe is this one – https://wordpress.org/plugins/collapsing-categories/

    3. Could you elaborate on what do you want to edit?

    Cheers!
    Josue

    #385319

    @Josue, @Devin
    Is it possible to retrieve left menu at product page without customisation please in future releases?
    Thanks
    M

    • This reply was modified 9 years, 9 months ago by Mariusz.
    #385801

    Hey!

    Feel free to request it here as a new feature.

    Best regards, 
    Josue

    #393470

    Hi Josue,

    Collapsing Categories is not compatible with WordPress 4.1 and Enfold 3.0.8

    I emailed the plugin developer – no response
    here

    I ended up using http://codecanyon.net/item/woocommerce-category-accordion/7117371

    some css issue need fixing – when left or right sidebar.
    +————————————————-+

    On the original topic…

    I’d like to be able to edit the WooCommerce PRODUCT_VIEW template from the child theme

    any ideas ?

    #394164

    Hi!

    Please refer to this link if you want a right or left sidebar: http://kriesi.at/documentation/enfold/product-page-left-or-right-sidebar/

    Best regards,
    Ismael

    #398554
    This reply has been marked as private.
    #398591

    Hi,

    Can you please create us a WordPress administrator account? post it here as a private reply.

    Regards,
    Josue

    #398698
    This reply has been marked as private.
    #399454

    Hey!

    We modified the code a bit. Looks like you added some modifications on the footer.php. Maybe that’s why it’s not working. Please remove it then test the single product page: http://numatic-haerson.trojmiasto.us/produkt/numatic-etb-4045-bateryjna-maszyna-do-mycia-podlog/

    This is how the single product page look like after the mod:

    Best regards,
    Ismael

    #399530
    This reply has been marked as private.
    #399864

    OK. Here’s solution for single product view with left sidebar:

    CSS:

     .single-product .productblock {
    width: 68%;
    margin-left: 4%;
    clear: none;
    float: right;
    }

    functions.php:

     
    #
    # 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='productblock'><div class='single-product-main-image alpha'><div class='ggg' rel='xxx'></div>";
    }
     
    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='single-product-summary'>"; 
    }
     
    function avia_close_summary_div() {
     echo "</div></div>"; //close out the summary
     get_sidebar();
    }
    
    add_filter('avia_layout_filter', 'avia_change_post_layout', 10, 2);
    function avia_change_post_layout($layout, $post_id){
     global $woocommerce;
     if(is_product()) { $layout['current']['main'] = "sidebar_left"; }
     return $layout;
    }
Viewing 26 posts - 1 through 26 (of 26 total)
  • The topic ‘ENFOLD SINGLE PRODUCT PAGE- SIDEBAR WILL NOT APPEAR ON THE RIGHT’ is closed to new replies.