-
AuthorPosts
-
May 3, 2016 at 3:24 pm #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
May 4, 2016 at 11:58 am #627131Hey 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,
YigitMay 4, 2016 at 3:15 pm #627282Hi 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 RegardsMay 7, 2016 at 4:39 am #628537Hi,
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,
IsmaelMay 9, 2016 at 9:47 pm #629488Hi 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
May 10, 2016 at 8:53 am #629744Hi!
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,
IsmaelMay 10, 2016 at 9:55 am #629771Hi 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
May 10, 2016 at 11:50 am #629822Hi 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?
ThanksMay 11, 2016 at 12:10 pm #630625Hi,
try this code in Quick CSS field:
#top #main .sidebar {
float: left;
}
Best regards,
AndyMay 17, 2016 at 2:41 pm #633762Thank you Andy,
I have solved my problems
Best regards -
AuthorPosts
- The topic ‘Woocommerce single product page’ is closed to new replies.