Search Results for 'woodmart-woocommerce-layout-builder'

Hello,

Sorry for the inconvenience but as you know the default layout of the Shop or Category page comes from WooCommerce end and isn’t directly editable with the Page Builder plugins because WooCommerce doesn’t allow it to do so.

But under the WoodMart Theme, using the Theme’s Layout Builder you can create Custom Layouts for WooCommerce pages like Shop, Category, Single Product page, Cart and Checkouts. So, you can use that to create your own custom layouts for these pages.

Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Hope this helps !

Best Regards

Hello,

If you want to change the position of the “Frequently bought together” module, you should use the Layout builder via Dashboard -> Layouts.

https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Don’t hesitate to let me know if you need any further help or any other info.

Kind Regards

Hello,

Firstly, we are glad that you liked our Theme. Thank you for that 🙂

Secondly, regarding the concern as you know the default Single Product page comes from WooCommerce by default so it doesn’t provide an option to add a Custom button on it.

But under the WoodMart Theme, you can create Custom Single Product layout using the Theme’s Layout Builder which you can find under the Dashboard > Layouts.

Here is the Guide to that: https://xtemos.com/docs-topic/single-product-page-builder/

Now, in that layout you don’t need to add the Add to Cart button element and add a simple Button there with the required Link that you want to add and then apply that Layout to a specific Product. In this way you can achieve what you want. Please refer to the following Video to get the idea about it: https://www.veed.io/view/843e47a0-a4d1-421b-81d5-ad61d31880e2

To know more about the Layout Builder, please check out the following Guide:
https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards

Hello,

You can create a new Shop archive with the help of Layouts (Dashboard -> Layouts).

Here is our documentation on how to use it:

https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Product filters you can edit or create via Products -> Attributes. Please read the following documentation on how to work with it:

https://woocommerce.com/document/managing-product-taxonomies/#product-attributes

Feel free to reach out so we can discuss possible options moving forward.

Kind Regards

Hello,

Sorry for a bit of delay in the response.

1- To adjust the Product Titles in one line like you mentioned, the Product Images need to be adjusted on your Site staging site. So, we have applied the following Custom CSS in this regard and paste it to

.product-grid-item .product-image-link img {
    object-fit: contain !important;
    height: 25em !important;
}

This will make the Product Images adjusted in a manner that the Titles will get automatically in line, this is how it previews now on your Staging Site: https://ibb.co/y87f5v5

2- Regarding the reloading concern regarding the Images that you mentioned, we have checked the Shop and Category pages of your Site after clearing out browser cache; The images loaded perfectly fine in the first load.

2 (a) – Regarding the Quickview and Single Product Page Image appearing large concern, we have adjusted those both too with the help of following Custom CSS already applied on your Site on the same defined location:

.popup-quick-view .woocommerce-product-gallery :is(img,.woocommerce-product-gallery__image) {
	object-fit: contain !important;
	height: 25em !important;
}

.woocommerce-product-gallery img {
	height: 25em !important;
	object-fit: contain !important;
}

3 (a) – The Sidebar already has Product Categories widget on your Site under the Dashboard > Appearance > Widgets > Shop page Widget Area.

3 (b) – If you are using Shop filters on your Site then there is the option under the Theme Settings > Product archive > Shop filters State > there you can find the option: Shop filters area always opened which we have enabled on your Site: https://ibb.co/jZxJG3g

Regarding the Sidebar, there isn’t an option available to make them always open and this is the same behavior on your main Site too. The floating Filter button for Mobile view is already enabled on your Site from Theme Settings.

4- If you are referring to the Filters like Sort by popularity, low and high price etc then these are default WooCommerce filters and the Theme doesn’t influence them. To add anything in them requires Customization.

Whereas, if you want to use the Shop filters area of the Theme then you can go to Dashboard > Appearance > Widgets > Shop filters > there you can add your choice of Widgets > then go to Dashboard > Theme Settings > Product archive > Shop filters > there enable it and these custom filters will then show above Products separately other than the Sidebar: https://ibb.co/kqpWTwS

5- Sorry but there is no option in Theme Settings available for that. It requires Customization and this is beyond our limitations and support policy scope. Hope you can understand our limitations.

Although, you can do the styling for the Buttons under the Theme Settings > Styles and colors > Buttons: https://xtemos.com/wp-content/uploads/2020/09/buttons-wd-7.jpg

6- The Box Shadow under the Header is defined with the following CSS right now:

.whb-with-shadow {
    box-shadow: 0 1px 8px rgb(0 0 0 / 10%) !important;
}

So, you can amend this CSS by changing the values according to your choice which best suits you and then paste it under the Dashboard >> Theme Settings >> Custom CSS >> Global CSS section.

The syntax followed in the above CSS is in the following pattern:
box-shadow: [horizontal offset] [vertical offset] [blur radius] [optional spread radius] [color];

7- To have that sort of carousel text in the Header, you need to go to Dashboard > HTML Blocks > there create a Block with the Page Builder plugin active on your Site > in that Block use the Information Box Carousel element of the Theme: https://ibb.co/RpmtkYh

After successful creation of the HTML Block doing mandatory amendments, you can then go to your Header Builder > there add the HTML Block element in the Top Bar > and select the Block you just created: https://ibb.co/Nsgq5Fk

This is how you can have that Carousel sort of Text.

8- We have applied the following CSS to make the Menu adjustments like you mentioned. Here is the CSS applied in this regard on your Site:

.wd-nav[class*="wd-style-"]>li:is(.current-menu-item,.wd-active,.active)>a {
    background-color: #449827 !important;
    color: #fff !important;
    border-radius: 4px !important;
    border-width: 0 !important;
    padding: 15px !important;
}

.wd-nav-main>li>a:hover {
    background-color: #449827 !important;
    color: #fff !important;
    border-radius: 4px !important;
    border-width: 0 !important;
    padding: 15px !important;
    margin: 0 5px !important;
}

9- If the mentioned Content is specifically wanted to be added on your Site for the Shop or Category pages, you will need to create a Custom Shop page Layout using the Theme’s Layout Builder because the default WooCommerce Shop and Category pages aren’t editable with the Page Builder plugin.

Here is the Guide where you can read about that:
https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

10- Regarding the Language Switcher, you would need to use a third party Translation Plugin in this regard on your Site. We would recommend you to use the WPML plugin. Here is the Guide from the Documentation in this regard:
https://xtemos.com/docs-topic/how-to-use-wpml-with-woodmart/
https://xtemos.com/docs-topic/how-to-make-woodmart-multilingual-with-wpml/

Further, regarding knowing more about the Translation please check out the Theme Documentation guide: https://xtemos.com/docs-topic/theme-translation/

Hope we have addressed all your concerns !

Best Regards

Hello,

2- Regarding the specific Tabs not showing the thing was, under the Dashboard > Layouts > Single Product > you have made a Custom Single Product layout which is why those Custom Tabs weren’t showing: https://ibb.co/zm2DTTL

So, when we are turning that Layout off then the Custom Tabs are showing fine.

4- Regarding editing the Product, the thing is the default Layout of the Single Product page comes from WooCommerce by default so it can’t be edited with Elementor because WooCommerce itself doesn’t allow it.

But under the WoodMart Theme, you can create your own Custom Single Product layout which we just mentioned in the 2nd point to you. You can read about it here: https://xtemos.com/docs-topic/single-product-page-builder/

Moreover, to know about the WooCommerce Layout Builder, please read the following Guide:
https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Further, if you don’t create Custom Layout then you can specifically edit the Product Description with Page Builder too: https://ibb.co/H2vt03S, https://ibb.co/VQDk8GP

Best Regards

Hello,

The WoodMart Theme has the option of Custom Layout Builder through which you can create Custom Archive, Category, Single Product, Checkout and Cart pages.

You can read about it here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

The Layout can be made under the Dashboard > Layouts > Checkout.

Best Regards.

Hello,

If by Sale Page, you mean the Page where you can find all the Products that are on Sale then we would recommend you to create a Category named “Sale” on your Site under the Dashboard > Products > Categories.

Then tag all the Sale Products in that Category > and then when you view that Category page you would’ve all the Sale Products there.

Further, the Theme provides the option of creating Custom WooCommerce Layouts using the Theme’s Layout Builder. You can check the Guide regarding that here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Hope this helps !

Best Regards

“Please check this manual and create a new checkout from scratch, please remove the webhook: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/ It is not applicable in this case.”

I have tried all ways but it doesn’t work please make me a form in “Checkout top content”.

Please reply soon as support ends on 24 Aug 2022.

Hello,

Our developers have checked and seen that you have custom JS with an error: https://prnt.sc/24FPpiT6ma2T Please correct that.

Please check this manual and create new checkout from scratch, please remove webhooks: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/ in this case they are not applicable.

If you have any questions please feel free to contact us.

Best Regards

Hello,

1. In order to make the title a little bit wider, you need to hide the “Brands” logo via Theme Settings -> Shop -> Brands -> turn off the “Show brand on the single product page” option.

https://gyazo.com/8fadeca126c7604a2dbebb976c8925ed

2. Such breadcrumbs styles you can create with the help of the layout builder.

https://prnt.sc/HA6FSFxqT8NU

Here is our documentation on how to use layout builder:

https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Kind Regards

Hello Support Team

Layouts option create page and edit conditions function failed.

I planed to sell more than 5000 products on my website.
and the woocommerce has a default shop page.
When I add the new product it will show on the shop page.
As I said I will upload more than 5000 products on my website so the default shop page will become to disorganized, affect the vision, and not easy to choose.

According to your woodmart theme documentation
https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/
I follow it and I create two layout pages to separate the product present.
Please see the attached or link.
https://ppt.cc/fEXs5x

One page is for oil painting
https://airhue.com/woodmart_layout/oil-painting-shop/
and I just want to show the category named “oil-painting” show on this page.
Please see the attached or link
https://ppt.cc/fcL4dx

another page is for prints printmaking
https://airhue.com/woodmart_layout/prints-printmaking-shop/
and I just want to show the category named “prints-printmaking” show on this page.
https://ppt.cc/fOUzdx

and those two new layouts will not affect and influence the woocommerce default shop page.
(https://airhue.com/shop/)

but the Layouts Conditions failed

If the condition functions successfully.

From this link
https://airhue.com/woodmart_layout/oil-painting-shop/
it sure shows up in all of the categories named “oil-painting”
but you can see a “$100 dollar Test item” show up but it is basic in the category named “prints-printmaking”
Please see the attached or link
https://ppt.cc/f9psXx

From this link
https://airhue.com/woodmart_layout/prints-printmaking-shop/
It sure shows up in one category named “prints-printmaking” for one item “Test 版畫” $100″
but you can see it shows other oil painting products on the same page.
Please see the attached or link
https://ppt.cc/fVtxBx

So my question is. Does the Layouts Conditions function fail or my setup has the problem?

Please solve my problem this is very important for me and it is also a reason to buy your theme.

Thank you so much.

Attachments:

You must be logged in to view attached files.

Hello,

You have modified the cart page using the Elementor plugin which is not Recommended.

If you want to style the cart page then you can update the theme to the latest version because in our new theme version we have added options to modify the woocommerce pages layout.
https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards