how can i edit the product page

im trying to edit the product page but I’m unable to do that, for example, I’m trying to change how the product size dropdown looks like but i can’t do that, trying to hide stuff from the product page but also I’m unable to do that. how can i edit the product page?

Attachments:

You must be logged in to view attached files.

Hi a.qandil,

Thanks for reaching to us and appreciate your patience.

1. You need to select existing attributes instead and checked visible on product https://prnt.sc/NHt-gZPFORmx

Navigate to Products -> Attributes -> chose the attribute -> Configure Items -> Edit -> Enable image swatch

Please refer to article: https://xtemos.com/docs-topic/variable-products-and-swatches/

2. There are 2 ways to do that:

+ If you did not create Single product custom layout, please navigate to Theme Settings > Shop > Compare and disable that option https://prnt.sc/lha8kf4MUFYe You can do with other elements.

You can refer to WooCommerce Layouts builder here https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

+ In case you are using Custom Layout, you can go to Layouts > Layouts, edit Single product layout and add / remove components you want. For e.g: You want to remove Compare feature, just delete it https://prnt.sc/X_KKuc6hqtTD

3. Sorry but there is no such option in Theme Settings available for that. I will consider it as Feature request.

4. How does it look like you want? About the categories, you can take a look #2 answer.

Let me know if you need any helps.

Regards,

thanks for your reply, i have read and understood everything, but now I’m facing two issues with the theme, the attached picture will show both issues.

as you can see the header is not aligning properly, sometimes it works fine, and sometimes it does what you can see in the picture, i will attach a picture of how the header show look like.

and the second issue as you see that the price filter overlaps with the menu.

how we can fix that?

Attachments:

You must be logged in to view attached files.

i couldn’t upload the issue image in my previous reply, please find the attached picture in here.

Attachments:

You must be logged in to view attached files.

Hi a.qandil,

1. Header

I tested several times in Product categories, the header looked well https://prnt.sc/aGvPBXKRrKbJ

2. Price filter overlaps menu

It caused by the CSS from Woo Extras plugin https://prnt.sc/RhUUp_2oVgqT

Add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS

.ui-widget-content {
    z-index: 1 !important;
}

Regards,

thank you for the code, i have updated it, but regarding the header, yes it works fine but when i try to force refresh the page by clicking Command – Shift -R, it sometime i will see the broken header.

Hi a.qandil,

Glad to hear your issue has been resolved.

About the header issues, I tried several times with force refresh and header still working fine. Could you, please, double check?

Regards,

im not sure how i can make you see it, but it still shows when i force refresh the page.

and do we have to keep talking in here for all the questions that i have or do i have to create a new topic for each one?

can you please let me know how i can edit the filters, in some pages I need to show some filters, and on other pages, i would like to hide them, this link is for a category page https://mtq-outdoors.com/category/hiking/ but this category has three sections, if you will take a look at the categories menu in the header, you will see that i have three sections in the Hiking category which are Men, Women and Kids when they click on T-Shirts for example, they will go to the sub-category which is Hiking/Men T-Shirts, there will be no need for the filter that i would like to add (Gender Filter) but in the category page which is the link i have provided you with, i need to be able to filter by Gender. how can i do that?

Hi a.qandil,

Thanks for your patience.

There is an option in WoodMart WooCommerce Layered Nav widget to display attributes in specific categories https://prnt.sc/gm27H6r0nES4

And then, make sure the products that belong to Child categories does not have attributes same as products of Parent categories.

Regards,

thank you for the information, i have a display issue here and i don\’t know what is causing it, if you look at the pictures i attached you will see that the colors are not aligning in the right place. how can i solve that, i guess that will require some CSS modifications!?

Attachments:

You must be logged in to view attached files.

[a.qandil]

and this too, is not aligning properly with the other, why these things are happening?

• This reply was modified 12 months ago by a.qandil.

Attachments:

You must be logged in to view attached files.

Hi a.qandil,

Add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS

.wd-swatches-product .wd-swatch,
.single-breadcrumbs-wrapper .woocommerce-breadcrumb{
	display: block;
}

Regards,

[a.qandil]

that did solve the issue, thanks, but i also have a similar issue with almost everything on the website. If you look at the attached picture you will notice that the texts are going up, they are not centered. Why is that happening? even “Select Category” in the search bar is not aligned properly with the other sentence on the left that says, “Search for products” (i did not mark this in the picture as i just saw it and i edited this reply).

• This reply was modified 12 months ago by a.qandil.
• This reply was modified 12 months ago by a.qandil.

Attachments:

You must be logged in to view attached files.

there is something missing because even while editing in Elementor, the text is going up and not centered, i tried to center it but it seems to be the same whatever i do. you can check the attached picture.

Attachments:

You must be logged in to view attached files.

Hi a.qandil,

Thanks for your patience.

Please send me temporary wp-admin info (wp-admin URL, username, password) to Private Content area.

I will check this problem for you.

Regards,

submitted below.

Hi a.qandil,

Please remove previous Custom CSS code. It caused by Custom CSS inside the Text Block widget from this block https://prnt.sc/Qk1-gCot1nUy https://prnt.sc/XjlbUtpfr1Oj

I removed it and the site looked better.

Regards,

Thank you so much, so I don’t have to remove anything, you already did. thanks again

I need your help with one more thing please, I need to know about the menus below that have been added with the theme.

– Main menu right
– Main navigation
– Primary
– Header link

I tried to look and find where they are being used, but I couldn’t find them on the website. Please let me know where I can find them so I can edit them to fit my needs or swap them.

If they are not used anywhere on the website, then I can delete them.

Hi a.qandil,

The elements in the header are configured in the Header builder. Please refer to articles for more details

https://xtemos.com/docs-topic/woodmart-header-builder/
https://xtemos.com/docs-topic/how-to-add-and-edit-builder-elements/

Regards,

Hey, i don’t understand what this has to do with the menus I’m talking about. i know how to edit the header and do anything i want with it, but I’m talking about the menus. i have marked them in the attached picture, i need to know where they are used, the menus that are in the header i know about them already, but the ones i mentioned above are not available anywhere on the website.

Attachments:

You must be logged in to view attached files.

Hi a.qandil,

Thanks for your patience.

You can create as many menus as you want and can use for many purposes like Footer. For e.g: You can choose these menus for other Menus element in the header https://prnt.sc/4eLWtf-RKpz_

I also checked some menus are empty due to you might removed pages, so you can delete these menus as well https://prnt.sc/lQA13IQAdwoD

Regards,

the Categories menu is not lined with the header as you can see in the attached pictures, and even when i hover, a white line will appear from the background.

Attachments:

You must be logged in to view attached files.

and how can i remove the number of products from this widget?

Attachments:

You must be logged in to view attached files.

Hi a.qandil,

1. Categories

Please double check, styles look good on my end https://prnt.sc/AQjB_ZB_5cIv

2. Counts

Please use below Custom CSS code

.woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span.count{
    display: none;
}

[a.qandil]

Thanks for the answer, i have used the CSS you provided me with, and it did work on some filters but not all of them, if you take a look at this page https://mtq-outdoors.com/category/new-arrivals/ you will see that the counts are still showing on the Color and the Size filter.

And for the categories, it’s not good, even in the picture you provided me with, i will attach another picture that will show exactly what i mean.

• This reply was modified 11 months, 2 weeks ago by a.qandil.

Attachments:

You must be logged in to view attached files.

Hi a.qandil,

1. Counts

Please remove previous code and use below one

.widget-area .wd-widget span.count{
	display: none;
}

2. Header

Add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS

.whb-header .whb-main-header .whb-header-bottom .wd-header-cats{
	height: 100%;
	margin-bottom: 0;
}

Regards,

thank you, both are solved now.

Hi a.qandil,

Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

If you have a quick minute we always appreciate a 5-star rating on our theme!

https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492

Your feedback is the motivation to improve our work and services.

Regards,

[Author]

Posts