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

Hello,

Sorry to say but that design and style for Variation doesn’t come directly from Theme end. It might be achieved through some third party Plugin.

Although, there are some predefined Custom Layouts for the Products available under the Dashboard > Layouts > which you can make use of for the Single Product pages. Like here is one of the example from the latest Mega Electronics Demo: https://woodmart.xtemos.com/mega-electronics/product/apple-macbook-pro-16-m1-pro-2/

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

Regarding the Cart Strap that you are referring to, is the Sticky Add to Cart which can be enabled for the Single Product page under the Dashboard > Theme Settings > Single Product > Add to cart > there you can enable the Sticky add to cart: https://snipboard.io/KervLF.jpg

It previews like this on the Single Product page: https://woodmart.xtemos.com/theme-settings-tooltips/sticky-add-to-cart.gif

Further, if you apply the following Custom CSS on your Site under the Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:

.wd-sticky-btn {
    transform: none !important;
}

This will make the Sticky Add to Cart to stick to the strap always like you referenced.

Hope this helps !

Best Regards.

Hello,

You can import the product page via Layouts: https://monosnap.com/file/9GTyevL0nMdKxkVhhJOgEJGILfKUfj

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

We’re always here to help if you have any additional questions or concerns.

Kind 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

Hi,

Please set the margin and padding for mobile and desktop separately. https://ibb.co/Krp3wyn.
You can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards.

Hi,

You have 2 ways for displaying delivery time.

1. Create the product page via Layout builder (Dashboard -> Layouts).
Here is our documentation on how to use Layout builder:
https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

2. Or by using theme presets, please navigate to Theme Settings and create a theme preset as on the below screenshot.

Also, here is our documentation about Theme presets:
https://xtemos.com/docs-topic/theme-settings-presets/

The “Delivery time” tab can be edited via page builder for each product.
https://prnt.sc/WSur8zlkurkm

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,

Sorry to say but there isn’t such functionality available right now to do for the Archive pages as you know these pages come from WooCommerce end so these Pages aren’t editable with the page builder plugins.

Although, if you want to create Custom Layouts for the Archive pages (including Shop & Category pages) then you can use the Theme’s Layout Builder to do that. Here is the guide to that: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards

Hello,

Sorry to say but we forgot to mention an alternative way around.

If you are using the default WooCommerce layout for the Single Product page then it wouldn’t be possible to move the location of the Free Shipping Bar.

But if you have created the Custom Layout for the Single Product page under the Dashboard > Layouts > then in that you can use the Shipping Bar element to your choice of position. Please see this image for reference: https://snipboard.io/TqLx9F.jpg

Further, you can read more about the Custom Layouts under the WoodMart Theme 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- As I already told you that you are using the custom layout for the checkout and cart pages: https://ibb.co/q59fpwK So you have to edit them and change the text inside the layout: https://ibb.co/vDXTx0Y

2- Sorry to say but the pages that come from the WooCommerce end aren’t editable with the page builder plugins. It is by default from the WooCommerce end.

But under the WoodMart Theme, you can use its Layout Builder to create Custom Layouts for the Shop, Category, Single Product, Cart & Checkout pages and then apply those Layouts to the mentioned pages.

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

Best Regards.

Hello,

If you want to edit the Shop page, you should do it via Dashboard -> Layouts. Just a simple page with some content from the page builder will not work as a Shop page, you can be sure of that by checking the same issue on the default theme.

So the conclusion is that you need to create a custom Shop page via Dashboard -> Layouts.

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

Kind Regards

Hi,

The Canvas Page Template removes your Header and Footer and Sidebars.
The full width page template allows you to override the default page width and use a full width design on any theme.

This is a powerful addition to our theme that allows you to create custom layouts for your shop page, single product page, cart, and checkout with WPBakery or Elementor page builder.
https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Here is the documentation:
https://elementor.com/help/features/layout/

Best Regards.

Hello,

Sorry to say but it isn’t directly possible with the default WooCommerce layout for the Category pages but using the Theme’s Layout Builder you can create Custom Category page layouts and in that you can add Banners or Blocks to your required position. You can read more about it here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Hope this helps !

Best Regards.

Hello,

1- Under the Mega Electronics demo, there is a Layout enabled for the Single Product page so you need to go to Dashboard > Layouts > there edit the Single Product Layout > in that you can find a Inner Section added with Image or SVG, Section Title and Text Block elements > there you can edit these elements to configure this: https://snipboard.io/3TMRlm.jpg

2 & 4- As we mentioned above that a Custom Single Product Layout is enabled in this new Demo, so you will find all these mentioned things in that Layout to change and configure accordingly: https://snipboard.io/5lpkWO.jpg

3- Regarding the Reviews element, it is also added under the Custom Product Layout so you can find some options there to configure: https://snipboard.io/0hP4ic.jpg

Further, you can more options related to Reviews under the Dashboard > Theme Settings > Single Product > Reviews: https://snipboard.io/1BiIyw.jpg

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

Best Regards.

Hello,

The best way in this regard is certainly the one by creating Product Categories separately for “Men” and “Women” ones because to make the Filters work for these Categories, you would certainly need Archive pages i.e. Shop or Category pages. In your regard, it would be Category pages.

Regarding the Back Button concern, sorry to say but this is the default thing at WooCommerce end that if you have opened a certain Product page from Category pages and you click on back button it redirects to the last opened page. Right now this can’t be changed because there isn’t a separate option available for it.

Although, you can create Custom Layouts for the Categories that you will create using the Theme’s Layout Builder. Here is the guide to that if you want to know: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

One more thing, under the Dashboard > Appearance > Customize > WooCommerce > Product Catalog > Shop page display and Category page display can be set Categories and Subcategories respectively if you want: https://snipboard.io/DeYv7V.jpg

In this way those Category pages that you will create will show Subcategories when visited.

Hope this will be of any help to you !

Best Regards.

Hello,

Yes, the layout will work on all the categories pages as well. You can read all details here:
https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

Hello,

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/

Now the sidebar filters are also showing on the layout after removing the site cache and update the theme and plugins on the site.

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/

Best Regards

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