Public Ticket #3235008

Store Appearance

Closed
Comments
2 Tickets 3
LilianC started the conversation 4 years ago on February 18, 2023 at 11:10am

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

2,762
KingsPlugins replied 4 years ago on February 19, 2023 at 6:41pm

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:

1162039828.png




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:

3421896363.png

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

2 Tickets 3
LilianC replied 4 years ago on February 28, 2023 at 4:33pm

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

2,762
KingsPlugins replied 4 years ago on February 28, 2023 at 11:15pm

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://b2bkingplugin.com/docs/how-to-add-a-snippet-php-or-js/

Afterwards, you can use this shortcode in Elementor [vendor_store]

Kind regards,

Stefan

 

2 Tickets 3
LilianC replied 4 years ago on March 1, 2023 at 9:32am

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


1

Sign In