Tagged: woocomerce
-
AuthorPosts
-
March 24, 2022 at 9:31 pm #1345931
Hello,
I have a decision to make and I wish to hear the best way to go.
I’m uploading over 300 products (parts and tooling) that will be constantly updated (price and pics).
So, today, I created a few products using the Advanced Layout Builder, to follow the same kind of design we have for our main machine products.
But, can I edit in bulk when using the advanced layout builder? Or can I have the same kind of design using the default Woocommerce product layout?Please, help me …
Thanks, LeoMarch 25, 2022 at 11:24 am #1345986Hey Akhurst,
Thank you for the inquiry.
But, can I edit in bulk when using the advanced layout builder?
This is not possible, unfortunately. You can only save the content as builder template and manually apply it on other products. You can also use global elements or custom element templates (CET), which can be updated globally but you will still have to manually edit them.
// https://kriesi.at/documentation/enfold/custom-element-templates/
Best regards,
IsmaelMarch 26, 2022 at 12:48 am #1346095Oh God.
So I have a problem …Can you help me create a product (Woocomece default) that matches the Enfold layout I sent you?
Maybe add a quick CSS and then I replicate the product following the design.Please, help me …
Thanks,
LeoMarch 28, 2022 at 5:27 am #1346262Hi,
Thank you for the update.
The default product layout looks exactly like the one you built using the ALB, so you don’t need to adjust it. Just switch to the default editor and configure the product options.
Best regards,
IsmaelMarch 28, 2022 at 7:41 pm #1346345Hello,
I did this but everything goes all over the place …
The sidebar goes to the bottom and up-selling and cross-selling functions go to the widget footer area.
Together with this, I tagged a few things in the picture regarding formatting and content structure in red.https://snipboard.io/I7VgOF.jpg
Please, help me …
LeoMarch 29, 2022 at 8:21 am #1346399Hi,
Thank you for following up.
The sidebar is actually located at the bottom of the product gallery by default. To move the location of the sidebar, you have to add this code in the functions.php file.
To place the sidebar to the right of the product content, use this css code instead.
.product-main-container { width: 56%; float: left; margin-right: 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; }
Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after doing the modification.
Best regards,
IsmaelMarch 29, 2022 at 7:40 pm #1346468Hello,
But if I do this, what would happen with all the products we have on our website?
I don’t want to change the product pages where I use the Enfold Advanced Layout Builder.
I just need to have a simple product page for the parts and tooling section.Thanks, Leo
March 30, 2022 at 2:14 pm #1346582Hi Leo,
The code above will not affect products that are using the Advance Layout Builder, only those that are using the default editor. The modification is necessary in order to adjust the location of the sidebar.
Best regards,
IsmaelMarch 30, 2022 at 8:47 pm #1346654hummmm
good news.The only concern I have is that is we’re 100% clean on PHP modifications (CSS).
Everything we have is inside the quick CSS tab inside Enfold.Any chance of having this there?
I’m always afraid to update things (template) when we have PHP moficitaions.March 30, 2022 at 8:49 pm #1346655And what about getting rid of the sidebar for these products?
Is it possible to have this modification from Enfold quick CSS?March 31, 2022 at 6:59 am #1346697Hi,
You have to add the PHP code that we provided in the previous thread in order to move the sidebar. Unfortunately, you cannot properly adjust its location using css only. There is nothing wrong with a few PHP modifications or using WP hooks in the functions.php file. It is a very common practice in WordPress development. If you want to just hide the sidebar, please use this css code.
.single-product.product-template-default .sidebar { displays: none !important; }
Best regards,
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.