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

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,

As you know the Review functionality by default comes from WooCommerce end so there isn’t a separate option available under the Theme related to them which you can use to add Note under the Reviews area. To access the available options related to Reviews under the Theme, you can go to Dashboard > Theme Settings > Single Product > there you can find Reviews > in that you can find the available options to configure:
https://xtemos.com/wp-content/uploads/2020/09/single-product-reviews-wd-7.jpg

Further, if you have created a Custom Single Product layout on your Site > then in that also for the Product Reviews element of the Theme there isn’t a separate option available to add Note under the Reviews but under the Custom layout you can add Text Block element of the Theme just below the Reviews element > and in that you can write the Text that you want: https://snipboard.io/wgLSVU.jpg

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

Hope this helps !

Best Regards

Hello,

1- Actually for the Categories Menu dropdown effect on the Homepage, you can edit your Homepage with Gutenberg editor (i.e. simple edit) > in that you can find the Page Settings options > in that click on Header > there you can find the option of Open categories menu > you can disable that and the Categories Menu will work as collapsible like you want: https://snipboard.io/d1U6jQ.jpg

2- As far as we have checked this concern with the AJAX Search element added on the Homepage of your Site, it is appearing as Full Width on all viewports being added. Here is the following Video for reference in this regard: https://www.veed.io/view/96151de8-ac80-4e15-93e5-d5b84324ce8a

3- Actually, as you know the default Archive pages come from WooCommerce by default. So, you can’t edit them directly with the Page Builder plugins like Elementor or WPBakery.

But you can make use of the WoodMart Layout Builder to create Custom Archive pages layout including the Shop, Category, Single Product page, Cart and Checkout pages.

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

Best Regards

Hello,

Firstly, under the Accessories Demo there are predefined Layouts that comes with the Demo created, which you can find under the Dashboard > Layouts: https://snipboard.io/N4Zdyw.jpg

So, you need to edit those Layouts and make changes, one of the Layouts there is applied on your Shop page too which is named as Shop Accessories.

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

So, the Page Title options will work when you turn those Layouts off under the same Dashboard > Layouts.

The Mobile Categories Menu is showing absolutely fine as selected under the Mobile Menu: https://snipboard.io/tey7j8.jpg

Best Regards

Hello,

It’s possible when you use the Layouts, check the below screenshot for a better understanding.

https://prnt.sc/MtOxThfW4fqz

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

Let us know if you have any questions, we will be happy to help.

Kind Regards

Hello,

Thanks for the love and appreciation 🙂

Actually, as you know the default Archive pages come from WooCommerce by default. So, you can’t edit them directly with the Page Builder plugins like Elementor or WPBakery. If you are using that for the Single Product pages on your Site then unfortunately that can’t be saved as a template. It is by default applicable for all Products.

But you can make use of the WoodMart Layout Builder to create Custom Archive pages layout including the Shop, Category, Single Product page, Cart and Checkout pages. Those can be saved as Templates on your Site.

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

Hope this helps !

Best Regard

Hello,

Did you try using the Theme’s Layout Builder in this regard?

Here is the link to its Guide: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Using the Layout Builder, you can create Custom Layouts for the Archive, Category, Single Product, Cart and Checkout pages specifically and globally.

Best Regards

Hello,

Sorry to say but right now for the Buy Now button, there are only two Pages to select for its destination i.e. Cart and Checkout.

So, to achieve alternatively what you mentioned. You can create a 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 add a simple Button there > name it Buy Now or whatever you like > then add required Page Link, that you want to add in it and then apply that Layout to a specific Product or all Products as per your choice.

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/4c6c6a5f-b4b8-41eb-851e-94442e2357ee

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 easily change the structure of the product page by using our Layout builder (Dashboard -> Layouts). Here is documentation on how to use it:

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,

As you know the default Archive pages come from WooCommerce by default. So, you can’t edit them directly with the Page Builder plugins like Elementor or WPBakery. So, you can make use of the WoodMart Layout Builder to create Custom Archive pages layout and in that you can add Products widget like you have mentioned of the referenced Site at the bottom and select your choice of Products there.

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

Best Regards

Hello,

1. The below article describes how to add attributes to the products:

https://woocommerce.com/document/managing-product-taxonomies/#how-to-add-edit-product-attributes

2. Please read our documentation about Linked variations and size guide:

https://xtemos.com/docs-topic/linked-variations/

https://xtemos.com/docs-topic/size-guides/+

3. You can achieve such behavior with the help of the Layouts, check the below 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,

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 move the position of different elements 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

Hello,

Sorry to say but the Shop page comes from WooCommerce by default, so you can’t edit it with the Page Builder plugin by default, it’s a restriction from WooCommerce end.

But under the WoodMart Theme you can make use of the Layout Builder to create your own custom Archive, Category, Single Product page, Cart and Checkout pages. Layouts can be created under the Dashboard > Layouts.

You can read more about the Guide here on the following link: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

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

Hello,

Sorry to say but this wouldn’t be possible to create a space here on the Category page through Custom CSS in such a manner that it would create a major difference between Subcategories and Products showing there because they are all set on a fixed Grid Layout and Column style which couldn’t easily be adjusted with the CSS.

So, we would suggest you to alternatively use the Theme’s Layout Builder to create a Custom Archive or Category page and then you can use the Categories and Product element there to show the Categories and Products upon your choice of position and place.

Here is the Guide related to the Layout Builder: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Hope this helps !

Best Regards

Hello,

Regarding adding the Custom Section to the Product Archive page, the thing is the default Layout of the Archive 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 Archive page layout under the Dashboard > Layouts > Products archive and use them on the Archive pages of your Site. Here is the Guide to that: https://xtemos.com/docs-topic/shop-page-builder/

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

Best 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,

Sorry to say but there isn’t a direct option available for that.

But under the WoodMart Theme, you can create a Custom Category page layout using the Theme’s Layout Builder. So, you can use that to create a Custom Category page Layout > and in that you can put things like you want.

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

Hope this helps !

Best Regards

Hello,

Regarding editing the Product Archive page, the thing is the default Layout of the Archive 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 Archive page layout under the Dashboard > Layouts > Products archive and use them on the Archive pages of your Site. Here is the Guide to that: https://xtemos.com/docs-topic/shop-page-builder/

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

Best Regards

Hello,

Regarding your concerns that you want to achieve for the Layouts, we would suggest you to once read out about the Theme’s Layout Builder where you can create your Custom Archive, Category, Single Product, Cart and Checkout pages so in that you can align the positions of the Content to your choice. Try using that Custom Layout for the Pages and create your own Custom Layout.

Here is the Guide from the Documentation regarding that: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Further, regarding showing the Off Canvas Cart style after adding Products to Cart, you can go to Dashboard > Theme Settings > Shop > Shopping Cart Widget > Action after add to cart > in that select Display Widget: https://ibb.co/fttncSQ

If there is something more that we have missed you to assist with then you can mention it further. We’ll try to help you out in the best possible manner.

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,

Sorry to say but it is quite difficult to change the position of the Pay Buttons that you mentioned using the Custom CSS because by default the WooCommerce Checkout page Layout is used on the Checkout page and in that Layout, everything is adjusted to their position accordingly. So, if we try to adjust this through Custom CSS then it would be correctly possible and will mess-up the layout and wouldn’t look good.

So, it would be better if you can try using the Theme’s Layout Builder to create your own Custom Checkout Page Layout and then in that you can try putting the mentioned Pay Buttons element to your required position.

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

If those Buttons are appearing on your Site using any Widget, Element or Custom HTML then you can use them under the Custom Checkout page Layout but if they are appearing dynamically by just configuring the Plugin Settings then it wouldn’t be correctly possible to adjust their position. Hope you can understand the limitations in this regard.

Further, regarding knowing more about the Theme’s Layout Builder, please check the following Guide:
https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Hope this helps !

Best Regards.

Hello,

Sorry to say but it is quite difficult to change the position of the Sections that you mentioned under the default WooCommerce Single Product Layout because every other thing in this Layout is adjusted to their position accordingly. So, if we try to adjust this through Custom CSS then it would mess-up the layout and wouldn’t look good.

So, it would be better if you can use the Theme’s Custom Single Product Builder to create your own Custom Single Product Layout and then in that you can put the mentioned Section to your required position.

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

Further, regarding knowing more about the Theme’s Layout Builder, please check the following Guide:
https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Hope this helps !

Best Regards

Hello,

Sorry to say but the Theme uses the default WooCommerce Templates for Cart and Checkout pages, for which you can create Custom Layouts using the Theme’s Layout Builder (https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/) but that specific mentioned request of yours requires Customization as there is no option in Theme Settings available for that. This is beyond our limitations and Support policy scope. Hope you can understand our limitations.

Although, regarding the Account creation option on the Checkout pages, you can check out the options available under the Dashboard > WooCommerce > Settings > Accounts & Privacy tab > there you can find those: https://ibb.co/Mn93Bxm

Best Regards

[Luke Nielsen]

Hello,

The thing is that the default product template from WooCommerce cannot be edited via Elementor, also I see that you are using the old version of the theme therefore you don’t have the Layout builder that gives you the possibility to edit the product page (check the below manual).

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

You should update your theme to the latest update and edit the product page using Layouts builder.

Also, you can flood us with any amount of questions you have.

Kind Regards

• This reply was modified 2 years, 5 months ago by Luke Nielsen.

Hello,

Sorry for the inconvenience caused.

Actually, the Filters don’t work on Custom Pages. They only work on default WooCommerce Archive and Category pages which is why when you are selecting any Filter on your Custom pages, it is redirecting to the Shop or Category page.

To achieve what you are mentioning regarding the Sales and New Products pages, it would be better if you could create Categories for Sales and New Products under the Dashboard > Products > Categories.

Then you can tag Products in them accordingly > after that when you visit those Category Pages you would find those Products only on those Pages and the Filters will work accordingly on those.

Moreover, under the WoodMart Theme you can create Custom Layouts for Archive, Category or Single Product pages by going to the Dashboard > Layouts. To know how you can use that feature on your Site, please check the following Guide: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Hope this helps !

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,

1- You can try out the following Custom Selector in this regard on your Site under the Dashboard > Theme Settings > Typography > Advanced > + Add Rule > in that you need to select Custom Selector > then you need to paste the below-given CSS class:

.wd-tabs-header .wd-nav-tabs-wrapper ul li a span

After that you can set the Font adjustments accordingly. See this image for reference: https://ibb.co/5sQpmT3

For the Single big Tab header title, you can try out the following Custom Selector:

.wd-tabs-header .tabs-name .tabs-text

To use this for Font adjustment, the same above method needs to be followed for this too.

2- Actually, that Trust Badge Image is added through using the Custom Single Product Layout that you can make under the Dashboard > Layouts > Single Product using the Theme’s Layout Builder.

You can get more information regarding that here: https://xtemos.com/docs-topic/single-product-page-builder/
https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Here is the Image link that was used: https://blackpearlspro.com/woodmart_support/wp-content/uploads/2022/09/guaranteed-safe-checkout-bordered.jpg

And under the Custom Single Product Layout, the Image or SVG Theme element was used to add that: https://ibb.co/9ZB8Q7s

Best Regards.