I've been trying to fix an issue that I have between the store appearance on PC and Smartphone without success.
On the Admin's boutique, I'm pretty happy with the way the banner looks on a Smartphone (I found the good size for the image).
But on the computer, the image is zoomed in and cropped. That can be a problem if I use a banner with text for example.
I didn't find a way to harmonize these two.
I tried to create a customized Store Page in Marketking/parameters/Appearance but since the last update of Elementor, I get and error as shown in the "ElementorEditStorePage" image.
Even before this error, I couldn't update the page after completing it as shown in the two images "CustomStorePageElementor..."
Is there a way for me to keep the store appearance as proposed by Marketking but to make the banner more responsive so it doesn't crop or change its shape between PC and Smartphone ?
Or do I have to custom make a new store page with Elementor ? If so, I have a problem because I couldn't make it work!
I'm sorry if I'm not really clear, my English isn't great and I'm still a beginner at creating websites.
Thank you for your support, we've been really pleased by your implication in helping us.
That's not possible by default with the plugin, because that Elementor widget is designed only for the Store Page, not the product page (it also does not include a link).
I have an idea: Try to add this PHP code snippet to your site:
add_shortcode('vendor_store', 'vendor_store_content');
function vendor_store_content(){
if (is_product()){
global $post;
?><span class="marketking_vendor_product_text"><?php
esc_html_e('Vendor: ','marketking-multivendor-marketplace-for-woocommerce');
?></span><span class="marketking_vendor_product_store"><?php
$vendor_id = marketking()->get_product_vendor($post->ID);
$store_name = marketking()->get_store_name_display($vendor_id);
echo '<a href=".marketking()->get_store_link($vendor_id).">'.esc_html($store_name).'</a>';
?></span><?php
}
}
It creates a shortcode that shows a link to the vendor store.
The code seems to work partly. I now have the vendor name displayed wich is great but when I click on it, it can't find the store as shown in the image.
I wonder if the issue is linked to the fact that, when I created a new store with a new account. The vendor store page couldn't be found.
The new products appeared on the site but I had to create a custom URL for the new store in the admin Dashboard. The Store Url remained empty in Marketking/Vendors
Maybe it's because that I created my custom store page with Elementor ?
I'm sorry to bother you with my lack of experience... you've been really helpful and we're glad to have chosen Marketking.
Hello,
I've been trying to fix an issue that I have between the store appearance on PC and Smartphone without success.
On the Admin's boutique, I'm pretty happy with the way the banner looks on a Smartphone (I found the good size for the image).
But on the computer, the image is zoomed in and cropped. That can be a problem if I use a banner with text for example.
I didn't find a way to harmonize these two.
I tried to create a customized Store Page in Marketking/parameters/Appearance but since the last update of Elementor, I get and error as shown in the "ElementorEditStorePage" image.
Even before this error, I couldn't update the page after completing it as shown in the two images "CustomStorePageElementor..."
Is there a way for me to keep the store appearance as proposed by Marketking but to make the banner more responsive so it doesn't crop or change its shape between PC and Smartphone ?
Or do I have to custom make a new store page with Elementor ? If so, I have a problem because I couldn't make it work!
I'm sorry if I'm not really clear, my English isn't great and I'm still a beginner at creating websites.
Thank you for your support, we've been really pleased by your implication in helping us.
Lilian
Attached files: SmartphoneAppearance.jpg
ElementorEditStorePage.jpg
CustomStorePageElementor.jpg
CustomStorePageElementorError.jpg
Hi Lilian,
Thank you letting us know about the issue with Elementor, I have made an update to the plugin now and I believe it is resolved.
I have checked on your site and I can now edit the Elementor page:
Regarding the banner size in general, I see you are using some square banners. It is a bit difficult to make that work.
A suggestion may be to try to add some CSS limits to the banner such as:
.marketking_elementor_store_banner_image {max-height: 163px !important;
max-width: 220px !important; overflow: hidden; }
That could force the banner to a certain size:
Ultimately the images would have to be of similar sizes, otherwise if the banners are of different sizes they will end up getting cropped.
Kind regards,
Stefan
Hello,
Your answer helped me a lot to find the solution.
I'm quite happy with result now :)
Thank you
I have one more question to ask you about building the product page with Elementor.
It looks like that :
I would love to have the vendor name appearing on their product pages and their name linked to their stores.
I used the block Title of the store.
I don't understand why but it only shows my name on every product pages and its not clickable
Is it possible to do what I want and what am I doing wrong ?
Thank you again,
Lilian
Attached files: Show.jpg
Hi Lilian,
That's not possible by default with the plugin, because that Elementor widget is designed only for the Store Page, not the product page (it also does not include a link).
I have an idea: Try to add this PHP code snippet to your site:
add_shortcode('vendor_store', 'vendor_store_content'); function vendor_store_content(){ if (is_product()){ global $post; ?><span class="marketking_vendor_product_text"><?php esc_html_e('Vendor: ','marketking-multivendor-marketplace-for-woocommerce'); ?></span><span class="marketking_vendor_product_store"><?php $vendor_id = marketking()->get_product_vendor($post->ID); $store_name = marketking()->get_store_name_display($vendor_id); echo '<a href=".marketking()->get_store_link($vendor_id).">'.esc_html($store_name).'</a>'; ?></span><?php } }It creates a shortcode that shows a link to the vendor store.
A PHP snippet can be added to functions.php, or by following our guide here: https://woocommerce-b2b-plugin.com/docs/how-to-add-a-snippet-php-or-js/
Afterwards, you can use this shortcode in Elementor [vendor_store]
Kind regards,
Stefan
Hello,
Thank you for your quick answer.
The code seems to work partly. I now have the vendor name displayed wich is great but when I click on it, it can't find the store as shown in the image.
I wonder if the issue is linked to the fact that, when I created a new store with a new account. The vendor store page couldn't be found.
The new products appeared on the site but I had to create a custom URL for the new store in the admin Dashboard. The Store Url remained empty in Marketking/Vendors
Maybe it's because that I created my custom store page with Elementor ?
I'm sorry to bother you with my lack of experience... you've been really helpful and we're glad to have chosen Marketking.
Have a good day,
Lilian
Attached files: LinkToVendorStore.jpg
StoreURL.jpg
Hi Lilian,
I think I solved it by editing the snippet here https://thecustomcrew.fr/wp-admin/admin.php?page=edit-snippet&id=6&result=updated
It appears I made a small typo when sending it to you initially.
Seems to be working now for me, but please check and let me know if I can help with anything,
Kind regards,
Stefan
Its perfect thank you very much !