Fix theme installation button and remove image zoom effect

This commit is contained in:
Marcus Quinn
2025-03-17 01:16:38 +00:00
parent 1b47423a68
commit c01b4a2986
4 changed files with 32 additions and 8 deletions

View File

@ -526,9 +526,7 @@ input:checked + .wp-toggle-slider:before {
transition: transform 0.3s ease;
}
.theme-card:hover .theme-image img {
transform: scale(1.05);
}
/* Removed hover zoom effect */
.theme-info {
padding: 15px;

View File

@ -311,9 +311,19 @@ jQuery(document).ready(function($) {
console.log('Installing theme via AJAX:', slug);
$button.addClass('updating-message').text('Installing...');
// Make sure wp.updates is available
if (typeof wp === 'undefined' || typeof wp.updates === 'undefined' || typeof wp.updates.installTheme === 'undefined') {
console.error('WordPress updates API not available');
$button.removeClass('updating-message').text('Install');
alert('WordPress updates API not available. Please try again or install the theme from the Themes page.');
return;
}
// Use the WordPress core updates API for AJAX installation
wp.updates.installTheme({
slug: slug,
// Make sure we pass the correct nonce
_ajax_nonce: $button.data('api-nonce') || wpAllstars.updateNonce,
success: function(response) {
console.log('Theme installed successfully:', response);
$button.removeClass('updating-message').addClass('updated-message').text('Installed!');
@ -324,9 +334,13 @@ jQuery(document).ready(function($) {
$button.remove();
// Create a proper activation link
var activateUrl = response.activateUrl ||
'themes.php?action=activate&stylesheet=' + slug +
'&_wpnonce=' + wp.updates.data.activateNonce;
var activateUrl = '';
if (response.activateUrl) {
activateUrl = response.activateUrl;
} else {
var nonce = wp.updates.data.activateNonce || wpAllstars.nonce;
activateUrl = 'themes.php?action=activate&stylesheet=' + slug + '&_wpnonce=' + nonce;
}
var adminUrl = wpAllstars.adminUrl || ajaxurl.replace('/admin-ajax.php', '/');
var $activateButton = $('<a class="button button-primary activate-now" href="' + adminUrl + activateUrl + '">Activate</a>');

View File

@ -43,9 +43,17 @@ if (!defined('ABSPATH')) {
class="button button-primary install-now"
data-slug="kadence"
data-name="Kadence"
data-api-nonce="<?php echo esc_attr(wp_create_nonce('updates')); ?>"
data-nonce="<?php echo esc_attr($nonce); ?>"
aria-label="<?php esc_attr_e('Install Kadence'); ?>">
<?php esc_html_e('Install'); ?>
</button>
<script>
console.log('Theme installation button initialized with:', {
slug: 'kadence',
nonce: '<?php echo esc_js(wp_create_nonce("updates")); ?>'
});
</script>
<?php endif; ?>
<script>
jQuery(document).ready(function($) {