Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #626532

    Hi,
    could you show me how I can create the single product page like on the attached image:

    Woocommerce-single-product-for-enfold.jpg" alt="Woocommerce single product page" />

    Thank you very much

    #627131

    Hey anna-leo,

    Please firstly refer to this post – https://kriesi.at/support/topic/sidebar-rechts-single-page/#post-580220 and then post the link to your product page

    Best regards,
    Yigit

    #627282

    Hi Yigit,
    the right sidebar of your post 580220 works fine, i tried it.

    But that is not what I need. Perhaps I expressed myself badly.
    – The sidebar on the left may remain your standard sidebar for product pages – But I need it not under the product foto – but on the left side of the foto. (First Column: Sidebar, second column: foto, third column: product summary)
    – And the Description should be two Colums wide (not one – like in the template)
    Please take a look on the picture I sent, again.
    Best Regards

    #628537

    Hi,

    Thank you for using Enfold.

    This will require a lot of template customization but if you’re willing to try, use the advance layout builder. Note that a few options or plugins may not work if you use the advance layout builder to build the product content. Please contact codeable if you need help to modify the default product template: http://kriesi.at/contact/customization

    Best regards,
    Ismael

    #629488

    Hi Ismael,
    now I have almost done it. would you please look at the test-site (link in private content)

    I just need a little help with the woocommerce-tabs and product description. It is too small.
    It should be place nearby the sidebar as wide as product image + product summary together.

    The following steps I have done:

    I added in function.php

    
    #
    # wrap single product image in an extra div
    #
    
    function avia_add_image_div() {
     echo "<div class='single-product-main-image alpha'>";
    }
    
    function avia_close_image_div() {
     echo "</div>";
    }
    
    #
    # wrap single product summary in an extra div
    #
    
    function avia_add_summary_div() {
     echo "<div class='single-product-summary'>";
    }
    
    function avia_close_summary_div() {
            global $avia_config;
            echo "</div>"; //close out the summary	
            $avia_config['currently_viewing'] = "shop_single";
    		get_sidebar();	
    }
    
    function avf_product_sidebar_layout_mod($layout){
     if( is_single() )$layout = "sidebar_left";
     return $layout;
    }
    
    add_action('init', 'ava_product_sidebar_mod');
    function ava_product_sidebar_mod() {
     add_action( 'woocommerce_before_single_product_summary', 'avia_add_image_div', 2 );
     add_action( 'woocommerce_before_single_product_summary', 'avia_close_image_div', 20 );
     add_action( 'woocommerce_before_single_product_summary', 'avia_add_summary_div', 25 );
     add_action( 'woocommerce_after_single_product_summary', 'avia_close_summary_div', 3 );
     add_filter( 'avf_product_sidebar_layout', 'avf_product_sidebar_layout_mod', 5);
    }

    and in enfold/config-woocommerce/config.php I deleted

    $sidebar_setting = avia_layout_class( ‘main’ , false );
    and added
    $sidebar_setting = apply_filters( ‘avf_product_sidebar_layout’, avia_layout_class( ‘main’ , false ) );

    in child css I added:

    
    .single-product .product {
    width: 68%;
    margin-left: 4%;
    clear: none;
    float: right;
    }
    
    .single-product-main-image {
        width: 50%;
    }
    
    .single-product .reviews_tab{
    display:none;
    }
    
    .single-product .sidebar {
        padding-top: 10px;
    }

    Would you help me the last step, please

    Thank you

    #629744

    Hi!

    Those are the old modifications (https://kriesi.at/support/topic/updated-enfold-wordpress-woocommerce/#post-563759) that we provided before but it’s not going to work any more because the woocommerce configuration was revised. Please follow the instructions in the following link if you want to have a left or right sidebar: https://kriesi.at/support/topic/sidebar-rechts-single-page/#post-580220

    Best regards,
    Ismael

    #629771

    Hi Ismael,

    no I have done the changes you recommend in https://kriesi.at/support/topic/sidebar-rechts-single-page/#post-580220

    But it does not work correctly ( the old modifications worked better)

    Now the sidebar is just the standard sidebar, not the product widget area in the sidebar.
    And how I can put it to the left side? This is not so easy as with the old modifications.

    Best Regards

    #629822

    Hi Ismael,

    now I found the fault in your description https://kriesi.at/support/topic/sidebar-rechts-single-page/#post-580220

    function avia_add_sidebar() {
    global $avia_config; // was missing
    if(is_product()) {
    $avia_config[‘currently_viewing’] = “shop_single”;
    get_sidebar();
    }
    }

    So – now I have the right sidebar with product widget area.

    But how I can put it on the left side?
    Thanks

    #630625

    Hi,

    try this code in Quick CSS field:
    #top #main .sidebar {
    float: left;
    }
    Best regards,
    Andy

    #633762

    Thank you Andy,
    I have solved my problems
    Best regards

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Woocommerce single product page’ is closed to new replies.