Tagged: 

Viewing 27 posts - 1 through 27 (of 27 total)
  • Author
    Posts
  • #329866

    Hello!
    I have same problem as here:
    https://kriesi.at/support/topic/woocommerce-single-product-page-sidebars-not-showing-up/
    On single product page there is no right sidebar.
    According to last message in that thread:
    “Yep, the content of the sidebar can be controlled from the single product page but not *if* there is a sidebar. That is inherited from the parent template because of how WooCommerce handles templating by default. If the parent has it turned off, either by the theme wide option or the single page option, then it gets inherited for each single product page.”
    But after turning sidebar on on the parent (shop) page – it wont appear on product page.
    Please help – I have provided access to my site for you.

    #329893

    Hey artspbseo!

    You also need to have a sidebar selected from the main theme options for sidebars (either right or left).

    Cheers!
    Devin

    #329931

    i am having the same problem the sidebar is showing underneathe the product image on the left how do we make it appear on the right like the other pages?

    #329943

    this is really annoying why wouldnt it work to add a righthand sidebar to the single product pages? please help

    http://www.heritagetrim.com/testq/store/porsche-911-912-seat/

    #329945

    Same here: http://foodvacuumsealers.com.au/product/lava-v300-white-limited-edition/
    I updated to 3.0 and now all products are full width, massive images, sidebar underneath and prod desc below that.
    Client is not happy, pleaae advise how to fix this.
    Thanks
    Amy

    #329947

    Ooops, I spoke too soon, I cleared Firefox browser cache and now they display fine:)
    Sorry for being to quick to moan!

    Cheers
    Amy

    #329993

    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/

    #330107

    i copied your code into the functions file of my child theme

    the single product pages are even more messed up now what am i doing wrong? do i need to turn off a specific setting?

    this is the functions file for my child theme and link to pg to show you
    http://www.heritagetrim.com/testq/store/boot-cover/

    <?php

    /*
    * Add your own functions here. You can also copy some of the theme functions into this file.
    * WordPress will use those functions instead of the original functions then.
    */

    //product thumbnails
    $avia_config[‘imgSize’][‘shop_thumbnail’] = array(‘width’=>120, ‘height’=>120, ‘crop’ => true);
    $avia_config[‘imgSize’][‘shop_catalog’] = array(‘width’=>260, ‘height’=>260, ‘crop’ => true);
    $avia_config[‘imgSize’][‘shop_single’] = array(‘width’=>450, ‘height’=>999, ‘crop’ => false);

    #
    # 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=’four units single-product-main-image alpha’>”;
    }
    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
    echo “<div class=’three units single-product-sidebar’>”;
    get_sidebar();
    echo “</div>”;
    }
    ?>

    #330109

    I have sidebar selected from the main theme options – still no effect, on product page sidebar is below product page.

    #330111

    yah i dont know why but the functions file you created doesnt work for me sooo frustrating

    http://www.heritagetrim.com/testq/store/racing-seat-black-leather/

    #330117

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

    ALl is see is a massive product photo now stretching the entire width of the laoyut and the sidebar is still below everything on the left so i dont think this script works? Can u please help?

    #330131

    Umm, MichaelT1, do you mind creating your own thread?
    I need my problems to be solved here, so I have created it.

    #330998

    any help?

    #331433

    Hey!

    Please try this on 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='single-product-main-image alpha'>";
    }
     
    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>"; //close out the summary
    	get_sidebar();
    }

    Add this on Quick CSS or custom.css:

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

    Regards,
    Ismael

    #331921

    Hi!

    Looks like we’ll need to revisit the single product page layout snippet. For now I’ve removed it from the documentation. The previous code snippets were done as an example so for now if its a must-have customization you can look into a freelance developer from Envato Studio, Codeable or something like that.

    Best regards,
    Devin

    #331979

    Ismael,

    close but it still doesnt work i added the css to the custom.css file in the enfold folder also tried the style.css in the child folder

    doesnt work sidebar is still bottom left

    so frustrated

    http://www.heritagetrim.com/testq/store/racing-seat-black-leather/

    #331980

    can u explain why this isnjt working? am i supposed to set the sidevbar to some strange settig in the admin panel like left instead of right?

    why have a setting for the sidebar if it doesnt work?

    #331987

    now the bottom related products row is broken onto 2 diff rows

    OMG

    #332092

    Hi!

    Looks like you didn’t add the code correctly. This is how it looks on my installation. Make sure that you’re using Enfold 3.0:

    Cheers!
    Ismael

    #332778

    i am using 3.0 can you please help me? My boss has to have a sidebar for the product pages this is crucial below is the functions file for the child theme i am using, i am using a custom widget for the sidebar and on the product listing pages i have it set to ‘sidebar product page’ and i have the child theme overall settings for all sidebars to be set to the right below the functions file i will add the css u sent me please help if you can i am so close please let me know if anyhting is wrong?

    FUNCTIONS FILE-CHILD THEME

    <?php
    $avia_config[‘imgSize’][‘shop_thumbnail’] = array(‘width’=>120, ‘height’=>120, ‘crop’ => true);
    $avia_config[‘imgSize’][‘shop_catalog’] = array(‘width’=>260, ‘height’=>260, ‘crop’ => true);
    $avia_config[‘imgSize’][‘shop_single’] = array(‘width’=>450, ‘height’=>999, ‘crop’ => false);

    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-style.css child-theme

    /*
    Theme Name: Enfold Child
    Description: A Child Theme for the Enfold WordPress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
    Version: 1.0
    Author: Kriesi
    Author URI: http://kriesi.at
    Template: enfold
    */

    body {
    font: 15px/1.8em “HelveticaNeue”, “Helvetica Neue”, Helvetica, Arial, sans-serif;
    color: #444;
    -webkit-text-size-adjust: 100%;
    }

    td {
    font-size: 14px;
    padding: 9px 12px;
    border-style: solid;
    border-width: 1px;
    border-left:none;
    border-top:none;
    }
    table {
    width: 100%;
    padding: 0;
    margin: 0 0 20px 0;
    font-size: 14px;
    }
    #top select {
    -webkit-appearance: none;
    border: 1px solid #e1e1e1;
    padding: 8px 6px;
    outline: none;
    font: 14px “HelveticaNeue”, “Helvetica Neue”, Helvetica, Arial, sans-serif;
    color: #777;
    margin: 0;
    width: 210px;
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 0px;
    }
    blockquote small, blockquote cite, blockquote small a, blockquote cite a, blockquote a small, blockquote a cite{font-size: 15px;}
    blockquote{
    border-left-style:solid;
    border-left-width:7px;
    padding-left:20px;
    margin-bottom:1em;
    margin-right:1em;
    font-size: 12px;
    line-height: 1.8em;font-family: Georgia,”Times New Roman”;
    }
    .asc_facebook .social_widget_icon{
    color:#fff;
    background-color:#3b5997;
    border-color:#3b5997;
    text-shadow: 1px 1px 1px #17ACD8;
    }
    .asc_gp .social_widget_icon{
    color:#fff;
    background-color:#d64937;
    border-color:#d64937;
    text-shadow: 1px 1px 1px #17ACD8;
    }
    .logo {margin:7px 0}
    .single-product .product {
    width: 68%;
    margin-right: 4%;
    clear: none;
    float: left;
    }

    #332782

    the feature products are also on 2 diff rows at bottom notice? somehow the bottom part of the playout is being set to 68% as well it needs to have a closing div and a new div to wrap around it to the width of 100%

    i dont really understand what is going on i added everything like you said

    #332784
    #332786

    Hi!

    If this is a must have feature you can have it customized for you by a freelance developer from somewhere like Codeable. The single product page simply isn’t set up to be as flexible as regular pages and doesn’t have a left/right sidebar option.

    The sidebar will always be below the product images on the left unless it is customized to work differently.

    Regards,
    Devin

    #332792

    So i just uploaded the parent enfold theme folder again from scratch and yes it says 3.0 in the stylesheet file so i asusme since i just purchased it it is the entire final 3.0 version.

    I double checked the enfold child theme that is activated and the settings for ‘sidebar’ are all set to the right. All other pages work except the product pages.

    The above style.css and functions.php files in which i listed the exact code in the files are the only two things in the enfold-child folder and since i just reuploaded the enfold parent theme code from the original zip file to make sure nothing was changed, i assume there is still something not working properly or did i miss something?

    #332999

    Hi!

    Do you have the latest version of WooCommerce installed? Please post the login details here. We would like to check it.

    Regards,
    Ismael

    #334527

    This CSS fix worked with Ismael’s code:

    .single-product .product {
    	width: 100%;
    }
    .single-product-summary {
    	float:left;
    	width:40%;
    }

    Tried it with Google developer tools on MichaelT1’s site, should work just fine – sidebar on the right.

    #335008

    I have the same problem.

    @ Adenadoume, the fix it works, but graphically it is not acceptable with 3 or 4 Widget in Single Product Pages area, the display is horrible.

    WordPress 4.0
    Enfold 3.0.1
    WooCommerce 2.2.6

    I do not understand if it is a problem of WooCommerce or Enfold.

Viewing 27 posts - 1 through 27 (of 27 total)
  • The topic ‘Single product page sidebar not showing up’ is closed to new replies.