Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 12, 2014 at 10:07 am #349948
    awp23

    Hello and good morning Enfold Team,
    first, enfold is a nearly perfect theme (thanks! ) but the only reason, why we can´t go productive with Enfold is, that the sidebar for the shop single product page.is not working well. If activated, all widgets are shown at the left side under the product image, and this is not acceptable.

    As i can see in the forum, there are many requests related to that topic. I guess it should be integrated in the theme as in many other leading themes, like this.

    http://theme-fusion.com/avada/product/moncler-cable-knit-beanie/
    http://flatsome.uxthemes.com/shop/lucy-slim-jeans-noisy-may/?right_product

    PLEASE go to fix it in the upcoming version.

    Thanks a lot and have great day!,
    awp23, rrwp87

    November 12, 2014 at 8:48 pm #350314
    Ismael

    Hey awp23!

    Thank you for using Enfold.

    Please refer to the following link. The code there will allow you to move the sidebar to the right of the content: https://kriesi.at/support/topic/single-product-page-sidebar-not-showing-up/#post-331433

    Best regards,
    Ismael

    November 12, 2014 at 9:59 pm #350375
    awp23

    Hello Ismael,
    thanks for your quick reply!

    Sorry, but your answer does not answer my question. It describes only an workaround and not a solution. It is just an standard answer from your team given to many requestors, have the same issue like me.

    My question is, when will be a solution available, which will fix the issue in the theme standard code?

    Thanks again and best regards,
    awp23 / rrwp87

    November 13, 2014 at 9:34 pm #350907
    Elliott

    Hi!

    That is an intentional design and it will probably stay like that for new updates to the theme. We may add an option for this in the future but for now it would be best to do the customization Ismael suggested. You can do it in a child theme so it will be saved between updates.

    If your having trouble with the customization then let us know and we’ll take a look.

    Regards,
    Elliott

    • This reply was modified 10 years, 1 month ago by Elliott.
    June 14, 2018 at 1:30 am #972561
    cl-hurt

    Hello, this CODE ist running well:

    add_action('init','ava_product_sidebar_init_mod', 50);
function ava_product_sidebar_init_mod() {
	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_after_single_product_summary', 'avia_add_sidebar_mod', 19);
}

function avia_close_image_div_mod() {
	echo "</div>";
}

function avia_add_sidebar_mod() {
	global $product, $avia_config;
	if( is_product() ) {
		$avia_config['currently_viewing'] = "shop_single";
		get_sidebar();
	}
}

    connect it with this css 

    .single-product-main-image {
    width: 25%;
}

.single-product-summary {
    overflow: hidden;
    width: 45%;
    float: left;
    margin-right: 5%;
}

.single-product .sidebar {
    width: 25%;
}

    its a earlier solution from Kriesi

    But what code is for the right side? Can you please answer this?

    June 15, 2018 at 2:33 pm #973329
    Victoria

    Hi cl-hurt,

    Can you please explain a bit more what the issue is? Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    May 18, 2019 at 11:59 am #1102032
    Bakanygabor

    Dear Victoria,

    The code above is excellent, however it displays the sidebar to the right side.

    Could you please help me how to move the sidebar to the left side of the page please?

    Thank you very much for your kindness.

    Best regards,
    Gabor

    May 20, 2019 at 4:43 am #1102362
    Ismael

    Hi,

    You should adjust this code:

    .single-product-summary {
    overflow: hidden;
    width: 45%;
    float: left;
    margin-right: 5%;
}

    Set the “float” property from left to right and remove the right margin.

    .single-product-summary {
    overflow: hidden;
    width: 45%;
    float: right;
    margin-left: 5%;
}

    Best regards,
    Ismael

    May 25, 2019 at 2:56 pm #1104173
    Bakanygabor

    Dear Ismael,

    Thank you very much indeed for your response.

    If I change the css as you suggested, the sidebar goes between product picture and product description

    Could you please help: (link attached)

    1. how to move sidebar to the very left side of the page
    2. how is it possible to display the product picture on the right side of the page?

    Thank you in advance

    Best regards,
    Gabor

    May 28, 2019 at 8:06 am #1104727
    Ismael

    Hi,

    Thanks for the update.

    It is working properly on our end. Do you have a test page where we can see the issue?

    Best regards,
    Ismael

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