在所有网站页面上包含WooCommerce 2的漂亮照片脚本

时间：2013-05-04 作者：harryg

因此，当WooCommerce更新到版本2时，他们用prettypoto替换了fancybox lightbox脚本。我想在我的wordpress站点的所有页面上使用它，不仅仅是产品页面，而且脚本只加载在产品页面上。我有一个jQuery脚本可以将相关的css类添加到我的图像链接中，但我需要一个过滤器/挂钩来确保实际的脚本已加载。

有人能帮忙吗？

2 个回复
最合适的回答,由SO网友:Sam 整理而成

尝试将此添加到主题的功能中。php。这对我有用，希望对我有帮助。

// PRETTY PHOTO //


add_action( \'wp_enqueue_scripts\', \'lightbox\' );
function lightbox() {
global $woocommerce;
$suffix = defined( \'SCRIPT_DEBUG\' ) && SCRIPT_DEBUG ? \'\' : \'.min\';
{
wp_enqueue_script( \'prettyPhoto\', $woocommerce->plugin_url() . \'/assets/js/prettyPhoto/jquery.prettyPhoto\' . $suffix . \'.js\', array( \'jquery\' ), $woocommerce->version, true );
wp_enqueue_script( \'prettyPhoto-init\', $woocommerce->plugin_url() . \'/assets/js/prettyPhoto/jquery.prettyPhoto.init\' . $suffix . \'.js\', array( \'jquery\' ), $woocommerce->version, true );
wp_enqueue_style( \'woocommerce_prettyPhoto_css\', $woocommerce->plugin_url() . \'/assets/css/prettyPhoto.css\' );
}
}

SO网友:Iggy

对于新的woocommerce 2.1.2，您需要使用数据rel=“prettypoto”

/* add rel prettyphoto to all images */
function autoadd_rel_prettyPhoto($content) {
 global $post;
 $pattern = "/(<a(?![^>]*?data-rel=[\'\\"]prettyPhoto.*)[^>]*?href=[\'\\"][^\'\\"]+?\\.(?:bmp|gif|jpg|jpeg|png)[\'\\"][^\\>]*)>/i";
 $replacement = \'$1 data-rel="prettyPhoto[\'.$post->ID.\']">\';
 $content = preg_replace($pattern, $replacement, $content);
 return $content;
}
add_filter("the_content","autoadd_rel_prettyPhoto");

结束
标签： images   hooks   plugins   小码农  

相关推荐

Resize uploaded images

Possible Duplicate:Resizing all images 我有一个我建立的新闻门户，客户想要不同大小的特色图片。我已经准备好了我想要的第一个尺寸，他们已经发布了大约200多篇帖子，都准备好了这个尺寸。现在，如果我改变大小，它只会在新帖子上改变/或重新上传当前的特色图片（手工操作太多了）。我的问题是，有没有办法调整上传图像的大小？