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

Hello,

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.

So, in your case specifically, you can try creating a Custom Layout for the Archive page and adjust the content on it according to your choice.

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

Best Regards.

Hello,

In this case try to create a custom layout for an individual product and customize it in the page builder as per your requirements.

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

Best Regards.

Hello,

Try to use the custom layout for the checkout page and check the issue.
Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Hope this helps !

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

Best Regards.

Hello,

The first way is through WoodMart -> Prebult websites -> Additional pages: https://take.ms/ZrAOc

Also, in the Elementor you can use the “Xtemos templates”: https://take.ms/57rJ6 , here is a video: https://take.ms/ff1pU

We also have already ready templates for Shop, product pages in Dashboard -> Layouts: https://take.ms/Sr3ex

More detail about our Lauouts is here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Let me know if you have any questions or concerns.

Kind Regards

Hello,

You can try to create a single page via Dashboard -> Layouts and define there an appropriate element:

https://take.ms/sZAUo

https://take.ms/JNEtL4

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

Kind Regards

Hello,

It’s possible by using our Layouts builder, here is our documentation on how to use it: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

In the meantime, feel free to ask me any questions you may have.

Kind Regards

Hello,

Please consider using the Woocommerce builder of WoodMart allowing to create custom templates for product pages and other functional pages that are not editable by default. Woocommerce builder is the inbuilt functionality widget included in the builder you use on the site.

You can also read our detailed documentation about layout builder in the following link:
https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards.

Hello,

You can move the FBT section with the help of the Layouts (Dashboard -> Layouts -> Single product). After creating the single page, define an appropriate element per your needs:
https://take.ms/G72y9
Here is our documentation on how to use Layouts:

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

Here is Manual about Frequently bought together:
https://xtemos.com/docs-topic/frequently-bought-together/

Kind Regards

Hello,

Your issue has been resolved, check back your site after completely clearing the browser cache.
I have edited the “mind tech slides mobile” slider and disabled autoplay.

Sorry, there is no option in the theme setting available for that because the Shop page and categories pages comes from the 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/
If you have any questions please feel free to contact us.

Best Regards.

Hello,

As you know, the Single Product page’s default Layout comes from WooCommerce which is not editable with the Page Builder plugins so it will be difficult to adjust in it.

We would suggest you to try using the Theme’s Layout Builder to create a Custom Single Product layout and in that you can use the Frequently Bought Together (FBT) element at your choice of place.

Please check out the following Documentation Guide in this regard:
https://xtemos.com/docs-topic/single-product-page-builder/

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

Best Regards.

Hi,

For this, you can create custom layout for attributes: See screenshot for understanding:
https://ibb.co/r4NLPys.

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

Best Regards.

Hi,

Cross-sells are products that you promote in the cart, based on the current product.
They are typically complementary items. For example, if you are selling a laptop, cross-sells might be a protective case or stickers or a special adapter. Or if you’re selling a ninja t-shirt, they could be a ninja hoodie and ninja socks.

Depending on your theme template, they display on the cart page underneath the cart products table with a thumbnail image.

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/
See screenshot for understanding:
https://ibb.co/r4NLPys

Best Regards.

Hi,

You are currently using Elementor pro Elements. You can contact the plugin support in this regard because Elementor is a pro version However, However, we cannot see an issue of the working of the elements in it.

under the WoodMart Theme, using the Theme’s Layout Builder you can create Custom Layouts for a single product page So, you can use that to create your own custom layouts for these pages in the page builder.

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

Screenshots for your clarification:
https://ibb.co/XJJHVxr
https://ibb.co/qDpZ7rC
https://ibb.co/88RhwGW

Best Regards.

Hello,

Sorry to say but it wouldn’t be directly possible as you know the default Single Product page layout comes from WooCommerce end.

But you can try the mentioned change using the Theme’s Layout Builder to create Custom Layouts for the Single Product page > and in that Layout you can add a button related to PDF Download. You can find the Layouts under the Dashboard > Layouts.

As you will have different Download Links, then you can make multiple Layouts on your Site under the Dashboard > Layouts and can make them appear on specific Product Categories products using the Conditions option available.

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

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,

Sorry for the inconvenience caused.

The Conditions under the Layout are used to apply Layouts to certain Pages, Categories or Tags.

The INCLUDE in that means that the Layout will be applied to those Pages that you will under the INCLUDE option whereas, EXCLUDE means that the Pages that you will select under that, on those the Layout will not be applied.

Now, All product archives means that the Layout will be applied to all Archive pages, including Shop & all Category and Tags pages too.

If you select Product term there > then you can specifically define a Category, Tag or Attribute on which you specifically want to apply the Layout created.

So, the names of the Pages appearing under the dropdown on the Edit Conditions area are the ones to which you can apply your Layout to because as you know the default Layout of those WooCommerce archive pages aren’t editable which this Custom Layout is used to override their Pages style.

Here is the guide to the Theme’s Layout Builder, please check that:
https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Hope this helps !

Best Regards.

Hello,

In some of the Demos, there are some predefined Custom Layouts created already under the Dashboard > Layouts getting applied to certain Pages with Conditions defined.

Regarding showing the same components, as this is the Custom Layout so there might be the Products (grid or carousel) element used in that which is why you see certain same components. So, if you don’t want to have the Layouts used, you can simply disable them or if you want to use them then you can configure them accordingly under the Layout.

Here is the guide to that:
https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards.

Hello,

Sorry to say but the Site SEO doesn’t come under the Item Support Policy according to Envato defined policies, so we are unable to suggest anything related to that because that isn’t our expertise. Hope you can understand.

Regarding using the H2 tag on the Product page, if you are keen enough to use the H2 tag on the Product page then the best way possible is to use it under the Tabs either the Description tab or if you are using Custom Tab then you can add in that.

The way that you have taken in this regard is correct and you can proceed with that, the Website Performance isn’t compromised with that. So, whichever way is feasible to you, you can get along with that i.e. either by adding class to H2 tags specifically or using span style.

Further, 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 too (if you want) and have content in your choice of way.

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

Best Regards.

Hello,

We are really Sorry for the earlier misunderstanding in this regard.

So, the change that you mentioned you want to achieve could be possible by using the Theme’s Layout Builder. Using the Theme’s Layout Builder under the Dashboard > Layouts > you can create a Custom Layout for Product archive or Single Product whichever you like > and in that Layout you don’t have to add Cart Form element through which the Add to Cart button along with Quantity shows > after you have made the Layout, you can save it and add the Condition on it for the specific Brand that you are mentioning.

Please see the following Video for reference to know about this: https://www.veed.io/view/b3e33bd9-0f8b-409d-b42a-41552b6cd2b8

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

Best Regards.

Hello,

WoodMart provides a Woocommerce builder allowing you to create custom templates.

You need to find the appropriate templates in Dashboard -> Layouts and check Products archive https://monosnap.com/file/M8e8QPmDDgOAaJFUUwL0BdY3Awgu7Z

Please check this manual for more details: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

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

Best Regards

Hello,

The change that you are asking for a specific thing couldn’t directly be possible as we are assuming right now. Although, the Theme has its own Layout Builder which you can use to create Custom Layout for the Archive pages on your Site including Shop, Category, Single Product, Cart and Checkout pages. Here is the guide to that: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

One thing in this regard is that, when you are on the Shop page if the sidebar has the Stock Status widget added and when you click that it generates a certain URL in the address bar on the basis of the In Stock or Backorder selected. Like this URL is from our Test Site:

https://blackpearlspro.com/woodmart_support/shop/?stock_status=instock (IN STOCK)
https://blackpearlspro.com/woodmart_support/shop/?stock_status=onbackorder (BACKORDER)

So, an alternative in this regard that you can try is, do the same on the Shop page of your Site i.e. add Stock Status widget in the Dashboard > Appearance > Widgets > Shop page Widget Area.

Then on the Shop page preview, click on In Stock first and copy the URL in the address bar generated. Do the same for the Backorder then. After that you can add a Menu Item in your Header with the Menu Item name of your choice and use those URLs in that Menu Item > and then when you click on those Menu Items you will be redirected to the page where you can get to see the In Stock and Backorder Products respectively.

Hope this helps !

Best Regards

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