Tagged: product pages, Sidebar Settings, sidebars, woocommerce
-
AuthorPosts
-
October 4, 2014 at 8:55 am #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
October 5, 2014 at 4:58 am #330369Hey 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!
DevinNovember 28, 2014 at 3:19 pm #359572Hi,
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
MNovember 28, 2014 at 3:35 pm #359584Hi!
Can you please post the link to your website and a screenshot showing the changes you would like to make?
Regards,
YigitNovember 30, 2014 at 8:31 pm #360390This reply has been marked as private.December 1, 2014 at 1:12 am #360500From 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
December 1, 2014 at 8:49 am #360650Is it possible for @MichaelT1 to show up his code please? :)
December 1, 2014 at 11:40 am #360703Ok. 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;}
December 2, 2014 at 3:55 am #361256Hi!
thanks for sharing @Mariusz.
Regards,
AndyDecember 2, 2014 at 4:31 am #361268Hey 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..//
December 2, 2014 at 4:39 am #361272Got it sorted ~! kick ass~!
thanks @Mariusz you rock man ~!
:) :) :) :) :) :)
ENB..//
December 2, 2014 at 8:32 am #361340N/P but I wonder why Enfold does not support it any more…
December 2, 2014 at 8:43 am #361342It’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..//
December 3, 2014 at 10:43 pm #362552Hi!
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,
DevinJanuary 16, 2015 at 2:36 am #380571Hi
I’ve tried @mariusz code but it doesn’t seem to work the way as @MichaelT1Q1. 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
January 19, 2015 at 6:38 pm #381996Hey!
2. I believe is this one – https://wordpress.org/plugins/collapsing-categories/
3. Could you elaborate on what do you want to edit?
Cheers!
JosueJanuary 26, 2015 at 10:05 am #385319January 26, 2015 at 8:07 pm #385801February 10, 2015 at 4:23 am #393470Hi Josue,
Collapsing Categories is not compatible with WordPress 4.1 and Enfold 3.0.8
I emailed the plugin developer – no response
hereI 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 ?
February 11, 2015 at 9:46 am #394164Hi!
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,
IsmaelFebruary 19, 2015 at 12:30 am #398554This reply has been marked as private.February 19, 2015 at 2:58 am #398591Hi,
Can you please create us a WordPress administrator account? post it here as a private reply.
Regards,
JosueFebruary 19, 2015 at 8:32 am #398698This reply has been marked as private.February 20, 2015 at 6:40 am #399454Hey!
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,
IsmaelFebruary 20, 2015 at 10:45 am #399530This reply has been marked as private.February 20, 2015 at 8:38 pm #399864OK. 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; }
-
AuthorPosts
- The topic ‘ENFOLD SINGLE PRODUCT PAGE- SIDEBAR WILL NOT APPEAR ON THE RIGHT’ is closed to new replies.