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

Hello,

@Satham:

1- If you want to hide all the Product metas i.e. Categories, Tags or SKUs then you need to navigate to the Dashboard > Theme Settings > Single Product > Elements > Meta > there you can find the option of Hide > just select it: https://snipboard.io/1N9m6E.jpg

If you specifically want to hide only the SKU then you need to apply the following Custom CSS on your Site and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:

.summary-inner .product_meta .sku_wrapper {
    display: none !important;
}

2- To hide the Additional Information tab on your Site, please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:

#tab-title-additional_information {
    display: none !important;
}

3- Sorry to say but there isn’t a separate or specific option available to move the Tabs location under the default Single Product layout. So, the best way possible in this regard is to use the Theme’s Layout Builder to create a Custom Single Product Layout and in that you can place the Tabs element to your choice of position. Here is the guide about the Single Product layout: 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/

@galaxyspace84:

The Bar that you are referencing is the WooCommerce Store Notice Bar, which you can find under the Dashboard > Appearance > Customize > WooCommerce > Store Notice > there you can find the checkbox to disable it: https://snipboard.io/9sJitA.jpg

Best Regards

Hello,

Actually, you are using the Accessories Demo on your Site which has some Layouts already made under the Dashboard > Layouts > which is why the Layout of the Search result page is also coming through the Archive page layout enabled. So, you need to go to the said location of Dashboard > Layouts > there disable the Product archive related layouts and then check back your Search related concern. Hopefully, things will appear fine on your Site after disabling them.

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,

Actually, you are using the Accessories Demo on your Site which has some Layouts already made under the Dashboard > Layouts > which is why the options selected under the Theme Settings aren’t working on the Single Product page: https://snipboard.io/lP1XV7.jpg

If you disable them then the Theme Settings options will work accordingly.

For the time being, we have turn off the Single Product layout and now the options work accordingly: https://snipboard.io/WfEqpP.jpg

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

Regarding the Review Rate Count, there isn’t such an option available right now under the Theme. It requires Customization and this is beyond our limitations and support policy scope. Hope you can understand our limitations.

Best Regards

Hello,

Sorry for the delay in the response.

We have thoroughly checked this concern on your Site and found out that you have created the Shop page with the builder, in that case the Theme Settings will not work and that is what is happening in your case because they are designed for an off-canvas sidebar, and with the builder there is no sidebar anymore, but there is an Elementor column in which widgets are added (https://prnt.sc/npN4w-bljKdw).

So, you will need to create your Shop page without the page builder first i.e. the default WooCommerce Shop page.

Then if you want to have Off-Canvas sidebar style for it then you can use the Theme’s Layout Builder to create a Custom Archive page layout and in that you can have that Off-Canvas sidebar style using the Role options available under the Elementor editor: https://prnt.sc/NgsbrCLXD_zT

Here is the guide to that: https://xtemos.com/docs-topic/custom-off-canvas-sidebar/

Regarding the guide regarding creating Custom layout for the Archive pages, please check the following link: https://xtemos.com/docs-topic/shop-page-builder/

Although, the guide screenshots in the above documentation link is of the WPBakery page builder but the same follows-up in Elementor editor as well.

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

Best Regards

Hello,

If you just want to have the shadow for the Product Summary block on your Site for the Product page then you need to go to Dashboard > Theme Settings > Single Product > Layout > enable the toggle button Add shadow to product summary block > and you are good to go: https://snipboard.io/6TjurA.jpg

Further, if you have the complete Single Product layout like this then you can try using the Theme’s Layout Builder to create Custom Single Product Layout on your Site for the Products. In which you can also select from some predefined layout or create your own: https://xtemos.com/docs-topic/single-product-page-builder/

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

Best Regards.

Hello,

I see that you use the templates from Elmentor for building the product page. Could you please try to use our layouts for that?

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

Kind Regards

Hello,

Unfortunately, the Page that you have referenced for the change is the WooCommerce Checkout page. The pages that come from WooCommerce are coming through a Shortcode generated by WooCommerce itself. So, having that sort of change there wouldn’t be possible right now. It might require a third party Plugin usage or a Customization level approach which is out of our Theme Support policy scope. Hope you can understand our limitations here.

Although, under the WoodMart Theme you can create custom layouts for the Cart and Checkout pages using the Theme’s Layout Builder. So, you can check that if it is of any use to you: https://xtemos.com/docs-topic/checkout-page-builder/

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

Hope this helps !

Best Regards

Hello,

Please read and follow the instructions here:
https://xtemos.com/docs-topic/how-to-add-banner-to-the-category-page/

Also, you can create a new custom layout for the shop page and add the banner on it.
https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards.

Best Regards.

Hello,

The Cart and Checkout pages come from WooCommerce Shortcodes by default, so you can’t use them directly with the Page Builder editors like Elementor or WPBakery.

But using the Theme’s Layout Builder, you can create your own Custom layouts for these pages too. Here is the guide related to the Layout Builder, please check that: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Further, right now it seems that you have already removed the Sidebar from the Cart page.

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,

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