Can't upload images within marketplace

[Richenda]

I’ve installed the free version of WCFM Marketplace on my staging server to test it out. I’m not able to upload any images because a) the buttons are hidden by CSS, and b) when revealed the buttons don’t work.

When I load a page with image uploads, like edit product, I see a quick flash of the buttons (https://www.dropbox.com/s/duhs7ge0pbtf7w4/woc_wcfm_noupload3.png?dl=0) then they’re hidden by CSS so I see no buttons (Image 2: https://www.dropbox.com/s/gyr6xybn1kusvkn/woc_wcfm_noupload.png?dl=0). If I look in the code I can find the buttons/elements and remove the display:none which is being applied to each element individually and reveal the buttons (https://www.dropbox.com/s/y0yo5dsqnj2q3zk/woc_wcfm_noupload2.png?dl=0).

`element { display: none; }

But just revealing the buttons isn’t enough, because when I click on them nothing happens.

I’m using Windows 10, tested in both Chrome and Firefox.

Thanks!

[WCFM Forum]

Hi,

Well, there has some JavaScript error in your site so it’s not working.

Please check this using Google Chrome browser console.

Thank You

[Richenda Gould]

Hi, I was able to fix the Javascript errors by changing to PHP 7.2.

The image uploader now works in Store Manager, and the images appear correctly everywhere except on a product page: https://staging-bisebudo.kinsta.cloud/product/query-critique/ I see thumbnails in Store Manager, and the image appears on the storefront display of all products, but there are no images on the individual product listing.

Thanks

[WCFM Forum]

HI,

Thanks for the update.

Well, WCFM has no control over single product page display.

Your theme CSS has some issues so images are not visible – https://ibb.co/Pc4g22W

Thank You

[Richenda Gould]

Hi,

Thanks for your patience–I was scouring the CSS and didn’t go high enough to find the mistake!

Really happy with how the test site is shaping up.

I’m wondering about this dropdown that isn’t displaying as a dropdown: https://www.dropbox.com/s/5o4ovr8gwyj5jea/woc_wcfm_dropdown.png?dl=0 on https://staging-bisebudo.kinsta.cloud/market/shentest/ On your demo this function renders as an input but on my site it’s a list and not formatted similar to a dropdown.

[WCFM Forum]

Hi,

Please add this to your site –

add_action( 'wp_enqueue_scripts', function() {
	if( wcfmmp_is_store_page() ) {
		wp_enqueue_style( 'wcfmmp_store_theme_css',  get_stylesheet_directory_uri() . '/assets/css/woocommerce.css', array('wcfmmp_store_css'), '5.1.1' );
	}
}, 30 );

Thank You

[Richenda Gould]

Added the code to child theme’s Functions and it isn’t working. Was this the right place for it?

Thanks

[WCFM Forum]

HI,

Please install this plugin and add code using this – https://wordpress.org/plugins/code-snippets/

Thank You

[Richenda]

Hmm, still not working even in the plugin. Tried setting to Run Everywhere and Run on Front-End.

[WCFM Forum]

Hi,

Please use this revised code –

add_action( 'wp_enqueue_scripts', function() {
	if( wcfmmp_is_store_page() ) {
		wp_enqueue_style( 'wcfmmp_store_theme_css',  'https://staging-bisebudo.kinsta.cloud/wp-content/themes/HighendWP/assets/css/woocommerce.css', array('wcfmmp_store_css'), '5.1.1' );
	}
}, 30 );

Thank You

[Richenda Gould]

Hi,

Still not working. It’s definitely pointing to a file that exists. If I add the class “hb-woo-wrapper” to the products wrapped I get the right styling on the currently selected item, but the dropdown doesn’t work and the options are still visible.

https://www.dropbox.com/s/c5pts9zhn9cgt8m/wcfm_dropdown2.png?dl=0

Thanks for sticking with us on this!

[WCFM Forum]

Hi,

Please add this as well –

add_action( 'wcfmmp_before_store', function( $store_id, $store_info ) {
  echo '<div id="main-content"><div class="hb-woo-wrapper">';
}, 50, 2 );

add_action( 'wcfmmp_after_store', function( $store_id, $store_info ) {
  echo '</div></div>';
}, 50, 2 );

Thank You

[Author]

Posts