Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #1334160

    Hi
    My side bare at my shop pages has disappeared, I believe it happened after the last update of the theme. I previously have had problems with the side bare, and was given some code from you to fix the problem, which it did, but now I am wondering if the code are causing the problem after the new update? Can you help me figure this out?

    #1334166

    Hey Humle,

    Could you post a link to where we can see the problem you are having please?

    Best regards,
    Rikard

    #1334199

    This is the shop main page, where you can see my side bare: https://staarupblomster.dk/shop/fro/
    But when you go into a single product page the side bare disappears: https://staarupblomster.dk/shop/fro/blomsterfro/stjerne-scabiosa/

    Another problem is that I have 2 menu structures at the side bare, I would like if I only had the one called “VAREKATEGORIER”

    #1334221

    Hi
    I just found out that if I am using the Advanced layout builder the left side menu at the single shop page appears, but the problem with the Advanced layout builder is that it will not work with all Woocommerce extensions, so I use the default editor, and this hasn’t been a problem in the past.

    #1334462

    Hi,

    I just found out that if I am using the Advanced layout builder the left side menu

    The default sidebar displays when the Advance Layout Builder is active because the product is no longer using the default product template.

    Did you add any widgets in the Appearance > Widgets > Single Product Pages widget area? Only widgets in that area will display in the single product page. And please note that the sidebar will display below the product image by default when using the classic or default editor.

    Best regards,
    Ismael

    #1337900

    Hello Ismael
    I have removed some old CSS code from my product page, So now I have the product image and the product summery beside each other again, now I am only missing my product side bare. The side bar is missing completely from the page.
    I am using the default editor on single product pages.

    If I switch to the advanced layout builder the widget menu appears.

    Pls. help me get this solved.

    `@media only screen and (max-width: 767px) { .responsive .logo img {
    max-width: 70%;
    }
    #menu-item-shop .cart_dropdown_link {
    padding: 0 10px;
    }
    .responsive.html_bottom_nav_header.html_cart_at_menu #top #wrap_all .main_menu {
    right: 15px;
    }
    }
    @media only screen and (max-width: 767px) { .responsive #top .cart_dropdown {
    z-index: 0 !important;
    }
    }

    .single-product-summary, single-product-main-image {
    float: left !important;
    }

    .single-product-main-image {
    margin-right: 0;
    }

    .single-product-summary {
    margin-left: 50px;
    }
    #top #main .sidebar {
    border-right-style: solid;
    border-right-width: 1px;
    margin-left: 0;
    }

    • This reply was modified 2 years, 9 months ago by Humle.
    #1337977

    Hi,

    Thank you for the info.

    Did you add any widgets in the Appearance > Widgets > Single Product Pages widget area? Only widgets in this area will display in the product sidebar. Also, please note that the sidebar area in the product page is located below the product image by default.

    Best regards,
    Ismael

    #1337995

    Hi Ismael

    Yes I have made a widget called “Shop sidemenu” and added it on the product page https://staarupblomster.dk/shop/fro/blomsterfro/froekenhat-zinnia-elegans-queen-red-lime/ but nothing happens, can you pls. take a look at this, because it is very confusing for me, why it suddenly isn’t working.

    The side bar is showing at the shop page https://staarupblomster.dk/shop/ but not on the single product page.

    I can make you a login in order for you to have a look at the backend, just let me know the email address to use.

    Best regards
    Katrine

    #1338001

    Hi,

    Thanks for the update.

    Yes I have made a widget called “Shop sidemenu” and added it on the product page

    What do you mean by “product page”? The widget has to be added in the Single Product Page widget area. Please check the screenshot in the private field. Also, please make sure that the sidebar in the Enfold > Sidebar Settings > Sidebar on Single Post Entries settings is enabled.

    Can we access the dashboard? Please post the login details in the private field so that we can check the site settings.

    Best regards,
    Ismael

    #1338003

    Hi Ismael

    Product page I mean single product page, and I have added the widget to the single product page, but it doesn’t show up.

    Can you pls. provide me with an email address, I can’t make a user for you with out an email address. I would be most grateful if you would take a look at the settings in the back end, thank you.

    Best regards
    Katrine

    #1338114

    Hey!

    We can use the same admin account that you are currently using. Please provide the info in the private field. If you want to create another admin account, please use the email in the private field. But please note that we do not have access to that email address, so make sure to generate the username and password.

    Did you add some modifications in the functions.php file to move the location of the sidebar?

    Regards,
    Ismael

    #1338138

    Hi Ismael

    Yes some modification has been made, I have provided the code in the string further up, but I have deleted this code from the functhion.php file.
    The design of my webpage is to have the side bare to the left side of the screen.

    I have provided the login information in the private field

    Best regards
    Katrine

    #1338205

    Hi,

    We modified the code in the functions.php file and adjusted the css a bit to move the sidebar to the left of the product gallery. This is the update code in the functions.php file.

    
    /* Move product sidebar */
    function ava_move_product_sidebar() {
    	remove_action( 'woocommerce_before_single_product_summary',  'avia_close_image_div', 20);
    	add_action( 'woocommerce_before_single_product_summary',  'avia_close_image_div_mod', 20);
    	add_action( 'woocommerce_before_single_product_summary', 'avia_open_image_div_mod', 1);
    	add_action( 'woocommerce_after_single_product_summary', 'avia_close_image_div_mod', 4);
    	add_action( 'woocommerce_after_single_product_summary', 'avia_add_sidebar', 25);
    }
    add_action('init','ava_move_product_sidebar', 50);
    
    function avia_open_image_div_mod() {
    	echo "<div class='product-main-container'>";
    }
    
    function avia_close_image_div_mod() {
    	echo "</div>";
    }
    
    function avia_add_sidebar() {
    	if(is_product()) {
    		$avia_config['currently_viewing'] = "shop_single";
    		get_sidebar();
    	}
    }

    And the css in the Quick CSS field.

    .product-main-container {
        width: 56%;
        float: right;
        margin-left: 50px;
    }
    
    .product-main-container::after {
    	content: '';
    	display: table;
    	clear: both;
    }
    
    .product-main-container .single-product-main-image, .product-main-container .single-product-summary  {
    	width: 100%;
    }
    
    #top #main .sidebar {
        border-left: 0;
        border-right-style: solid;
        border-right-width: 1px;
        margin-left: 0;
    }
    

    There is an inline style for the product-main-container element, which sets the width of the container to 80% but we cannot find it. Do you have any idea where this inline style is coming from?

    Best regards,
    Ismael

    #1338208

    Hi Ismael
    Thank you so much for looking in to it.

    I am not sure where the 80% is set. I have used both the quick CSS option and the Theme editor option to change the appearance of the shop pages.

    Could there be a 3rd way to change styling?

    Best regards
    Katrine

    #1338347

    Hi,

    Thank you for the update.

    Could there be a 3rd way to change styling?

    There is a custom css field in the Appearance > Customize panel. Anyway, we can just override the inline styling by editing the css in the Quick CSS field. Please look for this css code.

    .product-main-container {
        width: 56%;
        float: right;
        margin-left: 50px;
    }

    Add the !important rule to the width property or just replace the code with this.

    .product-main-container {
        width: 56% !important;
        float: right;
        margin-left: 50px;
    }
    

    Best regards,
    Ismael

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