ORDER BY (Default sorting)

Hi,
i need help with the following:
1.Order by (default sorting) to display them in a single row on desktop in shop pages. please see the attached screenshot.
2.How can i align information on products to be the same on desktop shop page see also attached screenshot
3. Mobile shop page have the sidebar for desktop Showning on top then the shop page at the bottom. kindly help.see the attached screenshot.

Attachments:

You must be logged in to view attached files.

Hi , i have been waiting for your response to the questions above

Hi princemusondaaa,

Thanks for reaching to us and appreciate your patience.

To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

Regards,
Hung PD

i have sent

Hi princemusondaaa,

Thanks for details.

1. For specialized assistance and potential solutions, I kindly suggest that you reach out directly to the WooCommerce plugin’s support team https://wordpress.org/support/plugin/woocommerce/, who are better equipped to provide you with the guidance you requires or You need to find a third party plugin to achieve more functionality that best suits you.

2. It is due to different heights of images. In order to have the same size image, I kindly recommend you prepare images you want before uploading them to your media library using the graphic editor (Photoshop or any other) to have a nice-looking grid or You need to find a third party plugin to achieve more functionality that best suits you.

For the Product Archive page, please navigate to Theme Settings > Product archives -> Products styles, here you can enable the Even product grid for desktop option to align products if they have different height components.
https://prnt.sc/ASt5z0mmasuz

Please note that this option helps product items to be even, not resizing images.

3. Navigate to Theme Settings > Product Archive > Sidebar > enable the option Off canvas sidebar for mobile https://woodmart.xtemos.com/theme-settings-tooltips/off-canvas-sidebar-for-desktop.gif

OR

You can simply revert the columns https://elementor.com/help/column-overview/

Regards,
Hung PD

Hi, thanks for the reply and i only managed to solve question #3 the solution was in under response to use which element to show on either device so on mobile i had to hide the sidebar for laptop.
#Kindly help me with the following :
I want to align arrows shown in the screenshot how can i do that

Attachments:

You must be logged in to view attached files.

How can i align arrows shown in the screenshot and make them more visible

Attachments:

You must be logged in to view attached files.

Hi princemusondaaa,

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

.wd-nav>li>a.woodmart-nav-link,
.wd-nav>li>a.woodmart-nav-link .wd-nav-img{
    display: block;
}

.wd-nav>li>a.woodmart-nav-link .wd-nav-img{
    margin: 0 auto;
}

.wd-dropdown-menu.wd-design-default .menu-item-has-children>a:after{
    padding-left: 10px;
}

Regards,
Hung PD

Hi, thanks for the reply am kindly asking you add that code for me. when i add and save, it keeps being erased but when you add from your end it doesn’t disappear it gets saved. and if it will be possible you also help me solve that problem

how can i change the payments labels

Attachments:

You must be logged in to view attached files.

i put the code in Customizing
Additional CSS it worked but i till need further alignment , i want the nav-links to be inline and the nav-link in the main header to to have this color:#000000;

Attachments:

You must be logged in to view attached files.

Hi princemusondaaa,

Thanks for your patience.

It seems you have done all tasks, please let me know if you need further helps.

Regards,
Hung PD

1.I want help to align this icons to be in a same positioning line not the way they are with different positioning.
2. The icon circled to be move visible

Attachments:

You must be logged in to view attached files.

Hi princemusondaaa,

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

.wd-dropdown-menu.wd-design-default .menu-item-has-children > a {
    position: relative;
    
}.wd-dropdown-menu.wd-design-default .menu-item-has-children > a:after {
    position: absolute;
    right: 10px;
}

You also need to increase the width of sub-menus.

2. Navigate to Theme Settings > Typography > Advanced. In this area, you can assign elements to below Custom Class:

.wd-nav>li:is(.wd-has-children,.menu-item-has-children)>a.woodmart-nav-link:after

Please refer to our documentation https://xtemos.com/docs-topic/advanced-typography-settings/

Regards,
Hung PD

[Author]

Posts