Product Archive Number

https://ibb.co/cKHbDqSb
I’m encountering a problem. I’ve set the Product Archive to display 20 products, but it’s only showing 10. What could be causing this?

I’m using your theme’s Layout module feature.

Hello,

Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards

You can use this link to log in directly to the website to view the theme settings and layout settings.

Hello,

I have checked your site and product, per page shows fine 20 products on product archive pages.

See Screenshot for clarification: https://postimg.cc/hQDhjfhb

Please try to clear all types of cache (browser/ site) and double-check the issue.

Best Regards

I’m not sure if it’s because you selected 20 in the upper right corner, but I didn’t see that option in the admin interface.

My menu is a Mega Menu made using HTML Blocks, but when Ajax is enabled, clicking on an item in the Mega Menu doesn’t automatically close the menu. How can I preserve the Ajax functionality while still allowing the menu options to automatically collapse after being clicked?

Hello,

Could you please elaborate on your concern more with some useful screenshots for better understanding that demonstrate the problem, so we can understand and reproduce it on your website?

Best Regards

https://ibb.co/4whS15W2
There are two issues. First, in tablet mode, I don’t know how to configure the HTML Block menu to display one column of options; currently, it shows two columns as seen in the image. Second, when Ajax is enabled, the HTML Block menu is always obscuring the product page content on the desktop.
https://ibb.co/YBGS7r16
However, I want to keep the Ajax functionality, but the menu doesn’t close automatically like it does on mobile devices.

Hello,

01. This is happening because WPBakery row columns are still active in the tablet breakpoint, so your menu stays in a 2-column layout instead of collapsing to 1.

You don’t need to change the HTML Block content itself — you need to adjust the responsive column settings of the row.

For more details, follow this guide and edit the HTML block content:
https://kb.wpbakery.com/docs/learning-more/responsive-settings/

02. This happens because the menu is set to hover trigger, so it stays open on desktop and overlaps content when Ajax updates the page.

To fix it while keeping Ajax, change the menu behavior to Click:

Appearance > Menus > Edit menu item > Open on mouse event > Click
https://ibb.co/zz4W7WR

Best Regards

https://ibb.co/4Z6phYyn
I tried setting the width to be used for tablets, but it didn’t actually work.

Appearance > Menus > Edit menu item > Open on mouse event > Click
If I follow your suggestion, the Mega Menu won’t appear directly on the computer when the mouse hovers over it; I’ll have to click it. This is very inconvenient for visitors. Is there another way to solve this?

Is it possible to solve the problem of retaining Ajax functionality while closing the menu using code?

Hello,

01. Edit the DFL HTML block and in the responsive option and choose 1 column
See Screenshot for better understanding: https://postimg.cc/3ddMRLGw

And you can it is showing in 1 column in tablet: https://postimg.cc/ykSft29K

02. Switching to Click does affect the hover UX, there is no option to achieve this, it requires code customization.

Best Regards

https://ibb.co/rR66MMFd
However, after applying your settings, I found that the effect is still not the same as on the mobile device. There is still a large blank space on the right side. How can I eliminate the blank space on the right side and achieve the same display effect as on the mobile device?
2.You provided the custom code before, could you please send it to me again?

Hello,

01. Please edit the HTML Block and in the mobile responsive settings, increase the column width only in mobile to remove this white.
https://kb.wpbakery.com/docs/learning-more/responsive-settings/

02. Unfortunately, it is not possible. The HTML structure does not allow solving it. Such modification requires code customization, which is not covered by our support.

Best Regards

https://ibb.co/xtR6PKM2
1. You can check the screenshots; you’ll see that the width cannot be modified in vertical mode under tablet mode. I don’t know why.

2. You sent me the code before; can you send the code again like before?

Hello,

01. Sorry to say, the login link details you provided are not working anymore. Please share the correct login details so I can check the issue and give you a possible solution.

02. Unfortunately, it is not possible. The HTML structure does not allow solving it. Such modification requires code customization, which is not covered by our support.

Best Regards

https://ibb.co/PsH9y23j
The new login link is below, but I still have a question: can the Row background image be set separately for mobile devices?

Hello,

01. Please edit your HTML Block > WPBakery Row settings and check:

Navigate to the row that contains your menu columns > Open Responsive Options (WPBakery Column settings, not only row) > Set tablet column width to 100% (1 column layout) for each column. There is no separate option in theme settings to make 1 column. You need to edit the HTML Block in WP Bakery to achieve this.

02. WPBakery does not provide a direct option to set different background images for different devices within the same row.

The recommended approach is to create separate rows for desktop and mobile, then use the responsive settings in WPBakery to show/hide each row for the appropriate device.

Best Regards

https://ibb.co/spYwhY4s
https://ibb.co/JRRtjsh2
I’d like to know how to configure the settings so that clicking on Thumbnail in Bottom Grid mode will display the original image?

Hello,

Navigate to Theme Settings > Single Product > Gallery > Main image click action > Enable to photoswipe popup.

Best Regards

In Catalog mode, product prices are visible, but I want to completely hide product prices anywhere on the website in this mode. How can I do that?

Hello,

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

.woocommerce-Price-amount,
.price {
    display: none !important;
} 

Best Regards

In the Layouts module, I set different layouts for Brands and product categories, but I don’t know why the Brands layout is not working and is overriding the product category layout settings.

Hello,

I have checked one of your brand pages, and the “brand product” layout is working fine on the brand page.

See Screenshot for clarification: https://postimg.cc/6T8HGN3S

Please try clearing your browser cache/ site cache and double-check the issue.

Best Regards

https://ibb.co/nsBdFdYJ
You’re seeing this result because Brand Layout isn’t enabled, and neither is yours.

Brand Layout and Product Categories Layout are different, but once Brand Layout is enabled, it immediately overrides Product Categories Layout. My main concern is the Sidebar issue; the Sidebar content cannot be set.

Hello,

Sorry to say, I have not seen this layout on your site.

See Screenshot for clarification:https://postimg.cc/QVgcyfHZ

Best Regards

[Author]

Posts