Related products not showing with shortcode
-
Hello,
I use Elementor Pro and the free version of the Ocean WP theme. The related products are not showing with the [wt-related-products product_id=xx] shortcode on my single product pages.
https://patinas-lighting.com/product/hexxa-pendant-15/
I use these css too, but it wouldn’t solve the problem.
.wt-related-products.products {
display:block;
}Waiting for your reply.
Best regards,
TamasThe page I need help with: [log in to see the link]
-
Hi @feta1999,
Greetings from WebToffee Support!
To better assist you in resolving the issue you’ve experienced, could you please provide more details on where and how you added the [wt-related-products product_id=xx] shortcode on your single product pages? Understanding the placement and method of insertion can help us troubleshoot the issue more effectively.
As a troubleshooting step, we recommend using the code snippet provided here to check whether the related products are getting displayed as expected. The provided code snippet will show the related products widget on the Single Product page. This will help us determine whether the issue lies with the method of inserting the shortcode or if there are any other compatibility issues contributing to this behavior.
You can either paste this code into your active theme’s functions.php file (WordPress Dashboard > Appearance > Theme Editor > functions.php) or use the Code Snippet plugin for convenience.
In the provided code snippet, replace the product ID with the actual ID of the product whose related products you want to display on the single product pages.
Additionally, it would be helpful if you could share a screenshot of the main settings page of the plugin to have a better understanding of your current configuration.
We appreciate your cooperation and will do our best to assist you further.
Hi,
I added the code snippit to the themes functions.php file, but it still doesn’t show the related products.
I added the shortcode from the Theme Builder -> Single product -> with Elementor add the shortcode element and paste the shortcode [wt-related-products product_id=xx]
I added the related products by tag and in the WooCommerce product edit it appears.
I use templates on single product pages (Theme Builder) and I can’t specify the product id for each product individually in the shortcode. It would be best if you inserted the related products based on the tag.
Hi @feta1999,
Thank you for providing more details about how you added the shortcode and your current configuration. We’re sorry to hear that the issue persists.
As a further troubleshooting step, please verify whether you have accidentally enabled the ‘Remove related products’ option in the plugin settings. This option removes the related products section from your site entirely. If this option is enabled, please disable it and switch to the ‘Default related products’ or ‘Custom related products’ option, and check if the related products are displayed as expected.
Additionally, to rule out any possible theme conflict, enable the ‘Override theme’s template’ option in the plugin settings. Enabling this option allows the plugin to override the theme’s existing template for related products.
I would like to clarify that the plugin provides an inbuilt functionality to display related products for all products based on product tags. You can achieve this by selecting ‘Tag’ in the ‘Globally relate products by’ option in the plugin’s main settings, rather than using a shortcode to display products on a single product page. You may try choosing ‘Custom related products’ as the ‘Choose working mode’ and select ‘Tag’ in the ‘Globally relate products by’ option.
If the issue persists even after trying out these steps, please share a screenshot of the main settings page of the plugin. This will provide us with a better understanding of your current configuration and help us identify any potential issues.
Additionally, sharing the WooCommerce System Status report would be helpful. You can access this report in WooCommerce by navigating to WooCommerce -> Status -> Get system status report. This will help us understand the site environment.
We appreciate your cooperation and are here to assist you further in resolving this matter.
Hi,
Thank you, but I used and tested the plugin with exactly the same settings as you described.
On this link you will find the screenshot of the plugin settings and the system status report.
https://drive.google.com/drive/folders/1iLiVODSaIfmMkC_03cbUl-Us-k-xnKa1?usp=sharing
Hi @feta1999,
Thank you for providing us with the information.
However, when we attempted to replicate the scenario on our end by configuring the settings as you have shared, we were unable to reproduce the issue.
Given that you mentioned using the Elementor plugin for customizing the product pages, it’s possible that these customizations are interfering with the display of related products. To further diagnose the issue, could you please try the following steps:
- Deactivate all plugins except for WooCommerce and Related Products.
- Switch to the default Storefront theme on your site.
By following these steps, we can isolate any potential conflicts caused by customizations or other plugins and determine if they are responsible for the related products not displaying as expected.
We appreciate your cooperation and patience as we work to resolve this issue.
Hi,
At first I deactivated all plugins except WooCommerce and Related Products and it shows the related products on the single product pages.
After that I activate only the Elementor plugin and the related products disappeared, so the Elementor causes the problem. In this case it didn’t need to switch theme on the site.
What would be the next step to solve this problem?
Thank you.
Best regards,
TamasHi @feta1999,
Thank you for the update and for narrowing down the issue. It seems that the customization applied by the Elementor plugin on the single product pages is blocking the display of related products.
To investigate the issue further on our end and understand the customization you have implemented, could you please provide us with a screenshot of the customization made on the single product page using the Elementor plugin?
Once we have this information, we will proceed with our investigation to resolve the issue. Thank you for your cooperation and patience.
Hi,
In our website we have product collections. This is the single product page of our Hexxa collection. For each of our collections, we always want to display the products belonging to the given collection in the related products section. (like Hexxa)
https://patinas-lighting.com/hexxa/
I have previously sent a screenshot of the plugin’s settings. We solved the collections with tags and the plugin is set to display related products based on tags.
The customization on the Hexxa single product page: https://gyazo.com/6c677967b708e3444f09c202456d8205
Thank you in advance.
Best regards,
TamasHi,
Did you see my last message?Hi @feta1999,
Apologies for the delay in response.
We want to acknowledge that we have received your message and have carefully reviewed the information you provided. However, replicating the exact customizations you have made using the Elementor plugin on our end was not possible due to the unique nature of the Elementor Pro plugin’s functionalities.
Upon further reviewing the provided screenshot and inspection on your site, it seems that the shortcode added to the single product page still contains dummy product IDs. To resolve the issue, please ensure that the shortcode is updated with the correct product ID. For example, the HEXXA PENDANT 15 product on your site has a product ID of 8543, so the shortcode should be updated to [wt-related-products product_id=8543].
Kindly check and update the shortcode accordingly, and let us know if the issue persists or if you require further assistance.
Thank you for your cooperation and patience.
Hi.
Thank you for reviewing the issue.
The problem is that in this case a separate single product page template with different shortcodes would have to be created for each product.
Since we are talking about a webshop with nearly 1,000 products, this solution is unfortunately unimaginable.
If there would be a solution to create 1 single product page template that applies to all products, e.g. with the following shortcode [wt-related-products product_id=tag], which always displays the corresponding related products based on the tag belonging to the given product, it could be functional.
Do you have any ideas on how to solve this so that you don’t have to create a separate single product page template for each product?
Hi @feta1999,
Thanks for getting back to us and providing further clarification on this issue.
We completely understand the challenge of creating individual product page templates for each of the products in your webshop and adding a shortcode for each product to display related products. However, as you’re aware, the current shortcode [wt-related-products product_id=xx] only allows for displaying related products on single product pages or custom pages corresponding to a specific product.
As the plugin provides built-in functionality to globally display related products based on product tags in single product pages (by selecting ‘Tag’ in the ‘Globally relate products by’ option), the shortcode was primarily developed to display related products corresponding to a specific product on single product pages or custom pages. However, we understand that you are unable to utilize this inbuilt functionality due to the customizations imposed by the Elementor plugin on the single product pages. We hope you understand the limitation we face in addressing the issue as it is unable to replicate customizations provided by the Elementor plugin on our end due to the unique nature of the Elementor Pro plugin’s functionalities.Considering your experience, our team assessed the feasibility of improving the shortcode functionality to accommodate the behavior you wish to achieve. However, it appears that it would require more development efforts than we anticipated and would entail significant changes to the plugin, which is not feasible at the present.
Nevertheless, we’re continuously working to enhance our plugin and add new features that meet the diverse needs of our users. Your feedback and suggestions are invaluable to us in this process, and we’ll certainly take your idea into consideration for future updates.
If you have any further questions or concerns, please don’t hesitate to reach out.
- The topic ‘Related products not showing with shortcode’ is closed to new replies.