HOW TO CREATE PARENT CATEGORIES PAGES

how can i create parent categories pages. am trying to use HTML BLOCKS but its being displayed at the bottom of the products for parent. please see attached screenshot. kindly help

Attachments:

You must be logged in to view attached files.

Hello,

Navigate to Product > Categories > click edit on the category > scroll down to Description area and add HTML Blocks https://prnt.sc/-yz1mluP1z3c

Then set show the description under the Theme Settings > Product Archive > Category description position.

Best Regards

Thanks i have managed.
1.kindly help, how can i add the navigation arrow on each parent category pages (like going back arrow)
2.Ist possible to create header menu for each parent categories on pages?
3.Ist possible to make each header menu parent category to stick when scroll

Hello,

01. Try to use the Theme’s Layout Builder you can create Custom Layouts for WooCommerce pages like Shop, Category, Single Product page, Cart, and Checkouts. You can use that to create your own custom layouts for these pages. Try to use the product categories widget and choose the layout type “carousel”.

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

02. Try to use the custom header for categories. Use the theme preset feature of our theme for the parent category and choose the header from theme settings > general > layout.

Here is our documentation on how to use theme presets. https://xtemos.com/docs-topic/theme-settings-presets/

03. Navigate to WoodMart > Header Builder > Edit current Header > Configure header row and enable the option to make it sticky.
https://ibb.co/f0JvyqX

Please follow this guide:
https://xtemos.com/docs-topic/how-to-enable-sticky-header-option/

Best Regards

Thank you have now known how to create new header for each page or category page.
# The problem am still having is that i cant create the header the way i want it to be or look and i still don’t know how to add a previous arrow navigation on each header in category pages. The category name on each page they are being displayed under the header and without a previous arrow, is it possible to align the category name in the header page with a previous arrow navigation.
please check the attached photos .The first one is how i really want to create the header menu for each category pages. The second is how its coming out. kindly help

Attachments:

You must be logged in to view attached files.

how can i add previous navigation arrows on page title

[Aizaz Imtiaz Awan]

Hello,

You can add a back button in the mobile header.

Navigate to WoodMart > Header Builder > Edit Current Header > Switch to Mobile Header > Add the Text or HTML elements and paste the code given in the attached file:
https://ibb.co/k5nMzM2

Then, Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Custom CSS for mobile section:

#hdr_bck_btn {
    color: #7f2f2f !important;
    background-color: #396539;
}

Best Regards.

• This reply was modified 1 month, 3 weeks ago by Aizaz Imtiaz Awan.

Attachments:

You must be logged in to view attached files.

Thank you so much it worked.

How can i put price on a category navigation like on the attached screen shot?

Attachments:

You must be logged in to view attached files.

how can i put prices and discounts on the category navigation. Like shown on the screenshot. Second screenshot is my website no prices and no discounts

Attachments:

You must be logged in to view attached files.

Hello,

Are you looking to display the price within the category navigation?

Best Regards

yes and to some categories discounts

Hello,

Unfortunately, it’s not possible to display prices and discounts directly on the category navigation. However, you can achieve a similar effect by creating custom banners. You can showcase specific products, their prices, and discounts.

Best Regards

ITried to do that the problem i have with custom banners is that i cant position the button or is there away i can position the button on custom banners more especially at the bottom

on elementor i only have banner carousel and promo banners

Hello,

Try to use banners carousel widget.
https://ibb.co/xChp3PY

You can use the theme template library and import the banner template from the theme library.
https://xtemos.com/docs-topic/templates-library/

Best Regards

Is possible that i can use custom badge texts on subcategories or its just products and if its possible how can i do it?

Hello,

You can create custom labels for these products. In order to create a custom label, navigate to Products > Attributes > create attribute > then add terms to created attribute – https://prnt.sc/tqzG6kgJCwEQ, https://prnt.sc/yq_ZcONu22_n

Edit the attribute itself – https://prnt.sc/ExOeF6K7T_U3 and enable the Show attribute label on products option – https://prnt.sc/7vckb4xRhteN

Edit the product for which you want to show the custom label and assign that custom label attribute to the product – https://prnt.sc/QGfKsahh3O9a

As a result, the custom label will be shown. https://prnt.sc/Oepo-lw1A_l7

Best Regards

Thanks i now know how to create custom labels.

Hello,

You’re welcome! I’m glad it helped. If you need any more assistance, feel free to ask!

Best Regards

Hey i need help how can stop the background page from moving when i scrow the mouse on the mega menu?

Hello,

Can you please share some screenshots or examples of what you actually want, so I will check and give you a possible solution? Also share the page URL.

Best Regards

I have sent

page URL in the private content

Attachments:

You must be logged in to view attached files.

Hello,

Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.whb-sticked .whb-header-bottom .wd-dropdown:not(.sub-sub-menu) {
     overflow: hidden;
    position: fixed;
}

Best Regards

Thanks alot it as worked.
Another problem. I cant see the bottom of the mega menu when i scrow a mouse it moves out fast before i see the bottom end. how can i fix that problem?

If i put mega menu on the main page its working wonderfully ok, but on other pages I cant see the bottom of the mega menu when i scroll a mouse it moves out fast before i can see the bottom end. how can i fix that problem? i want other pages mega menus to sticky like its on the main page. kindly help

https://topstoreemarket.com/fashions/
(compare with this page menu)

Hello,

I have checked your site. The mega menus are working fine.
See this video:
https://uploadnow.io/f/hNyMZNq

Best Regards

If a add mega menus on the home page they are working to my expectations, am able to see the bottom end, but on page headers i cant see the bottom of the mega menu . The mega menu goes out before seeing the bottom end

Attachments:

You must be logged in to view attached files.

For home page the mega menu sticks has i move the mouse down and the home page moves together with the mega menu. please check my home site then go to Appliances, there’s a mega menu and try to see the bottom end of it. That’s want i want to achieve for page headers mega menu

[Author]

Posts