how to increase thumbnail size image for watchlist

Hey axels1983,
Sorry for the late reply, from the screenshot it looks like the plugin may be using the “thumbnails” image size, but I can’t be sure until I can login and examine the page better.
But assuming that this is true, please try installing the plugin Simple Image Sizes and find the image size option in the WordPress > Dashboard > Settings > Media > Media Settings and adjust the thumbnails size from 80×80 to the size you wish. Then use the image regeneration option at the bottom of the same page to rebuild your images.
If this doesn’t help, please include an admin login in the private content area so we can be of more assistance.

Best regards,
Mike

Hi,
Thanks for the SiteGround login but when I click the button “go to admin panel” I get a WordPress login prompt, and the above login details don’t work there.
Please check.

Best regards,
Mike

Hi,
Sorry for the late reply, thanks for the login, but I couldn’t find the element in your screenshot “watchlist” to examine closer.
Please link to it directly.

Best regards,
Mike

Hi,
Thank you. Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

div ul.product_list_widget li img {
    width: 100px !important; 
}

This makes the images 100px high, please feel free to adjust to suit.
Please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you, I understand better now. I see that this is a plugin and it doesn’t seem to load any of it’s own css. I also note that with your page caching and merging off your site still reports getting your css from the merged css.
I believe your server is caching also and we will need to clear this cache or turn it off.
Does your plugin come with any css snippets to style the grid? There are also many options, please see if you find any about styling the grid, I didn’t see one.

Best regards,
Mike

Hi,
Sorry for the late reply, odd that they don’t at least have a default style. Right now it’s 100% width which is ok when it’s in the sidebar, but on your page it may look better as two columns. Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#my-auctions-2 {
width: 47% !important;
    display: inline-block;
}
#watchlist-auctions-3 {
width: 47% !important;
    float: right;
}

Then clear your browser cache and any cache plugin, and check.

Best regards,
Mike

Hi,
Sorry for the late reply, please add more content so we can create 4 columns instead of two. It’s too bad that the plugin doesn’t offer some basic css but I’m sure we can help.
Your screenshot shows 4 items each for “my auctions” and “watchlist” which are two different elements.

Best regards,
Mike

Hi,
Sorry for the late reply, does your auction plugin have shortcodes that can be used instead of the widgets?
Perhaps we can add the shortcodes to code block elements and align them better on your page.

Best regards,
Mike

Hi,
Sorry for the late reply, I tried the shortcodes in a code block element and found that this shortcode created the grid style that you were looking for:

[auctions_watchlist], [auctions_watchlist per_page="12" columns="4" order="desc" orderby="meta_value" order="desc"]

Please check and adjust to suit using the shortcodes in the link that you have posted above.

Best regards,
Mike

Hi,
It looks like the function you posted may work, Try adding the code to the end of your functions.php file via ftp, this way if it produces an error you can then remove the code via ftp to correct.

Best regards,
Mike

Hi,
Glad to hear this is working, we could try adjusting it to only work on the one page like this:

add_action( 'woocommerce_after_shop_loop_item_title','wpgenie_show_counter_in_loop',50 );
if ( is_page('29') ) { 
function wpgenie_show_counter_in_loop() {
	global $product;

	$time = '';

	if ( ! isset( $product ) ) {
		return;
	}
	if ( 'auction' !== $product->get_type() ) {
		return;
	}

	$timetext = esc_html__( 'Time left', 'wc_simple_auctions' );

	if ( ! $product->is_started() ) {
		$timetext     = esc_html__( 'Starting in', 'wc_simple_auctions' );
		$counter_time = $product->get_seconds_to_auction();
	} else {
		$counter_time = $product->get_seconds_remaining();
	}
	$future_class = ( $product->is_closed() === false ) && ( $product->is_started() === false ) ? 'future' : '';

	$time = '<span class="time-left ">' . $timetext . '</span>
	<div class="auction-time-countdown ' . $future_class . '"
	data-time="' . esc_attr( $counter_time ) . '"
	data-auctionid="' . intval( $product->get_id() ) . '" data-format="' . esc_attr( get_option( 'simple_auctions_countdown_format' ) ) . '"></div>';

	if ( $product->is_closed() ) {
		$time = '<span class="has-finished">' . __( 'Auction finished', 'wc_simple_auctions' ) . '</span>';
	}

	echo $time;
}
}

I couldn’t test it on your site without ftp access.

Best regards,
Mike

Hi,
Thanks for the ftp access, I was not able to adjust the code to do want you wanted, I did find that if I use this css with it I could show it only on the /en/my-account/ page.

#top:not(.page-id-29) .auction-time-countdown {
display: none !important;
}

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for the feedback, so you only want the count down to show on your /my-account/ page and the product page, correct?

Best regards,
Mike

Hi,

Would you mind fixing your ssl certificate? We can’t access the site without getting past the browser security layer or certificate error page. We’ll check the site again, then.

Best regards,
Ismael