Return to previous page

Serveral problems with quick view: “error with ajax” / product title styling / display “compare”

This topic has 3 replies, 2 voices, and was last updated 9 months, 2 weeks ago ago by Rose Tyler

Martin

Participant

March 5, 2024 at 12:09

Hello,

I have 3 problems with quickview:

1. after having switched on “ajax add to cart” in “single product”, quick view does not load but shows “error with ajax”. This remains even after switching off “ajax add to cart” and without caching.

2. Product title in quick view is styled as

3. display of element “compare” cannot be activated independently (as “wishlish” can). It shows up only when “add to card” is active, which I do not want to activate, because it also displays a quantity field that does not make sense with variable products.

Thank you
Martin

Please, contact administrator
for this information.

#385674 Copied Theme version: 5.2.9

2 Answers

Martin

Participant

March 5, 2024 at 12:20

– added credentials to staging site where quick view still works

– screenshots with/without “compare” element, depending on whether “add to cart” is active

– added FTP credentials for STAGING site

Please contact administrator
for this information.

#385681 Copied
Rose Tyler

Support staff

March 6, 2024 at 09:31
Hello, Martin,

Thank you for contacting us and for using XStore.

1. As evident from your log files, the error at https://prnt.sc/wutfuJarYtf4 highlights broken paths of the filters. The primary issue stems from an undefined function named “__return_tre” as indicated here: https://prnt.sc/x_Jd2ltvwRsu. Upon delving into the code within woocommerce/single-product/product-image.php, specifically line 210, we notice a filter that can be adjusted from your child theme’s codebase: https://prnt.sc/uIyNmrK6m4Vt.
Let’s inspect your child-theme/functions.php to identify the root cause of the fatal error: https://prnt.sc/pe27Cxk1sjtu. We have already rectified the “__return_tre” function to the correct one “__return_true”. Consequently, upon accessing the quick view, you’ll observe that it loads correctly without errors: https://prnt.sc/VKYZ-SquNs2S.

2. Upon inspecting the product title at https://prnt.sc/tKulPy3IcTfY, it appears that all links are styled similarly across the website, likely due to Elementor settings (https://prnt.sc/NkgQLg4NhibD -> https://prnt.sc/eRm-AAvj6OyW). To resolve this, either deactivate the global link typography or apply the following custom CSS to prevent such styling of the product title in the quick view:
```
   .et-quick-view-wrapper .product-name a {
       color: inherit;
       font: inherit;
   }
```
3. Indeed, the compare button is displayed based on add-to-cart hooks, which necessitate the add-to-cart button to be visible. However, if you prefer to display the compare button while keeping the add-to-cart button hidden on your product archives, follow these steps:
3.1. Activate the add-to-cart button in Theme Options -> WooCommerce -> Shop -> Products Design (https://prnt.sc/QBCnILmRYQp5).
3.2. Add the following custom CSS to Theme Options -> Theme Custom CSS -> Global CSS:
```
   .product-details .button:not(.compare) {
       display: none;
   }
   .outofstock .footer-product .xstore-compare {
       display: inline-flex;
   }
```
Kind Regards,
8theme team
#385789 Copied
Tagged: ajax error in woocommerce, display compare in woocommerce, product title styling issues, woocommerce quick view problems, wordpress woocommerce templates issues
Viewing 3 results - 1 through 3 (of 3 total)