We would need your support regarding some challenges we are facing with the Elementor module. We are building the vendor page template through Elementor and we have the following challenges (note: we are using the Shoptimizer theme):
1. When we try to change the font size for store title it does not change, do you know what could be the issue?
2. We would like to use the categories sidebar used with Shoptimizer but to preview only the categories for that specific vendor, is that possible? Currently it is previewing all the categories as you can check on the url shared in the ticket.
3. This question is not related to Elementor, it is related to the Product pages, can we remove somehow the tab vendor store details under individual products and add only the copy for example: Vendor: Amazon.
- Is there an option to add some code/script to preview it? The Shoptimizer theme has the widget "Single Product Custom Area" where we are able to add some code.
1. Regarding the font size issue with the store title - this sounds like it could be a CSS conflict with your theme. I'd be happy to take a look and provide a specific CSS solution, but I'll need access to the page to inspect the elements.
I tried checking the URL you shared but when I try to open that it's asking for a password.
2. Regarding showing only vendor-specific categories - this is a bit complex as the Shoptimizer sidebar is designed to show all categories by default. It may be possible to achieve this with some custom code but I'd need to take a closer look as it depends on how that sidebar works.
3. For removing the vendor tab from product pages, you can add this code snippet to your theme's functions.php file or using a code snippets plugin:
1. I managed to solve this by creating a style in Elementor Global styles and then selecting it under typography.
2. Ok, please take a look the password is above and the link for the example is the following: https://ecroatia.hr/ecroatia/
3. It works, thank you.
Additional questions:
4. Is there any possibility to use the cover option in Elementor for MarketKing banner image widget? I am asking because of responsiveness and the ability to preview the image on tablet and mobile without distorting the image, I cannot see the option in the widget? Is there a way maybe to use the Elementor image widget and to activate / preview the vendor banner image through dynamic content?
5.On the vendor page, can we preview the bio of the vendor in some other way / widget without it being in the tab under vendor details? Also, is it possible to add an additional field using ACF and preview it on the Elementor vendor page template, just a text field
(2) Regarding that sidebar, I looked into this now. I'm afraid I do not see a simple way for us to achieve that without significant changes.
Technically speaking I think the way it could work is by going over the list of the vendor's products (in PHP), and building an array of categories, and then outputting some CSS that hides all categories which are not in that array. Performance is a challenge though, and it would increase loading time depending on how many products the vendor has, so that info would also need to be cached. Overall I think it is achievable but quite complex and not something I could build quickly.
(4) As I understand it, you wish to achieve an image cover css effect. I believe you can do it by adding this PHP code snippet to your site:
(5) Generally I think a good option there is to add shortcodes to the vendor store page elementor template.
If you have a specific shortcode you would like to use (like an ACF shortcode for user details), I can help adapt that so it automatically applies to the current vendor (so you do not have to specify the vendor/user in a fixed / static way).
We can do a similar thing for the vendor details area: hide the tab with CSS, and create a shortcode so you can display it in a custom way.
Hi,
We would need your support regarding some challenges we are facing with the Elementor module. We are building the vendor page template through Elementor and we have the following challenges (note: we are using the Shoptimizer theme):
1. When we try to change the font size for store title it does not change, do you know what could be the issue?
2. We would like to use the categories sidebar used with Shoptimizer but to preview only the categories for that specific vendor, is that possible? Currently it is previewing all the categories as you can check on the url shared in the ticket.
3. This question is not related to Elementor, it is related to the Product pages, can we remove somehow the tab vendor store details under individual products and add only the copy for example: Vendor: Amazon.
- Is there an option to add some code/script to preview it? The Shoptimizer theme has the widget "Single Product Custom Area" where we are able to add some code.
Thank you.
add_filter( 'woocommerce_product_tabs', function($tabs){ unset($tabs['vendor']); return $tabs; }, 10000, 1);Hi Stefan,
Thank you for the feedback.
The link is the following: https://ecroatia.hr/
Password: ecroatia87
1. I managed to solve this by creating a style in Elementor Global styles and then selecting it under typography.
2. Ok, please take a look the password is above and the link for the example is the following: https://ecroatia.hr/ecroatia/
3. It works, thank you.
Additional questions:
4. Is there any possibility to use the cover option in Elementor for MarketKing banner image widget? I am asking because of responsiveness and the ability to preview the image on tablet and mobile without distorting the image, I cannot see the option in the widget? Is there a way maybe to use the Elementor image widget and to activate / preview the vendor banner image through dynamic content?
5.On the vendor page, can we preview the bio of the vendor in some other way / widget without it being in the tab under vendor details? Also, is it possible to add an additional field using ACF and preview it on the Elementor vendor page template, just a text field
Thanks!
Hi Stefan,
Any feedback on the previous comments?
Thanks.
Hi again,
Thank you for your patience on this,
(2) Regarding that sidebar, I looked into this now. I'm afraid I do not see a simple way for us to achieve that without significant changes.
Technically speaking I think the way it could work is by going over the list of the vendor's products (in PHP), and building an array of categories, and then outputting some CSS that hides all categories which are not in that array. Performance is a challenge though, and it would increase loading time depending on how many products the vendor has, so that info would also need to be cached. Overall I think it is achievable but quite complex and not something I could build quickly.
(4) As I understand it, you wish to achieve an image cover css effect. I believe you can do it by adding this PHP code snippet to your site:
add_action('wp_head', function(){ ?> <script> jQuery(document).ready(function(){ jQuery('.marketking_elementor_store_banner_image img').css('height', 'auto'); jQuery('.marketking_elementor_store_banner_image img').css('min-height', '270px'); }); </script> <?php });The result should be the image adapting as follows: https://www.loom.com/share/9e0ddaaaf1ce48f39620af8166ba5323?sid=430b2b3e-f784-408c-99bd-a00318dd8725
(5) Generally I think a good option there is to add shortcodes to the vendor store page elementor template.
If you have a specific shortcode you would like to use (like an ACF shortcode for user details), I can help adapt that so it automatically applies to the current vendor (so you do not have to specify the vendor/user in a fixed / static way).
We can do a similar thing for the vendor details area: hide the tab with CSS, and create a shortcode so you can display it in a custom way.
Kind regards,
Stefan