Woocommerce-外部/关联产品图片到外部链接（购买URL） [英] Woocommerce - external/affiliate product image to external link (buy URL)
问题描述
（警告：我不是程序员）直截了当。
(Warning: I'm not a programmer) Straight to the point.
我有一个产品目录 http://adidassuperstar.cz ，并且我希望图片（缩略图）指向会员链接-与图片下方的购买按钮的链接相同。
I have a product catalogue http://adidassuperstar.cz, and I want images (thumbnails) point to the affiliate link - the same link as the link of a buy button under the image.
我用Google搜索了所有内容，但没有一个的答案实际上对我有用。但是，我发现了一些对我有帮助的方法。当我将此代码插入到functions.php中时，它是这样的：每个链接都指向会员链接-我的意思是甚至一个产品的标题。我只希望图像具有会员链接，而不是标题。标题应该指向我网站上的产品页面。
I googled everything, but none of the answers actually worked for me. However, I found something which helped me just half the way. When I insert this code to functions.php it makes this: Every link point to the affiliate link - I mean even a title of a product. I want only the image to have an affiliate link, not the title. The title should point to the product page on my site.
这里是代码：
// Do not include this if already open!
/**
* Code goes in theme functions.php.
*/
add_action('template_redirect', 'redirect_external_products');
function redirect_external_products() {
global $post;
if (is_singular( 'product' ) &&
! empty( $post ) &&
($product = wc_get_product($post)) &&
$product->is_type('external' )) {
wp_redirect( $product->get_product_url() );
exit;
}
}
我只需要指定代码即可仅重定向图像（缩略图）。如果您有线索怎么做。请让我知道。
I only need to specify the code to redirect only images (thumbnails). If you have a clue how to do that. Please let me know.
*附加信息（2016年12月6日更改）：
*Additional info (changed 6.12.2016):
文件：Product-thumbnails .php
File: Product-thumbnails.php
<?php
/**
* Single Product Thumbnails
*
* @author WooThemes
* @package WooCommerce/Templates
* @version 2.3.0
*/
if (! defined('ABSPATH'))
exit; // Exit if accessed directly
global $post, $product, $woocommerce;
if (! Avada()->settings->get('disable_woo_gallery')) {
include WC()->plugin_path() . '/templates/single-product/product-thumbnails.php';
return;
}
$attachment_ids = $product->get_gallery_attachment_ids();
if ($attachment_ids) {
?>
<div id="carousel" class="flexslider">
<ul class="slides">
<?php
// From product-image.php
if (has_post_thumbnail()) {
$image_title = esc_attr(get_the_title(get_post_thumbnail_id()));
$image_link = wp_get_attachment_url(get_post_thumbnail_id());
$image = get_the_post_thumbnail
($post->ID,
apply_filters('single_product_large_thumbnail_size',
'shop_thumbnail'),
array(
'title' => $image_title
)
);
$attachment_count = count($product->get_gallery_attachment_ids());
if ($attachment_count > 0) {
$gallery = '[product-gallery]';
}
else {
$gallery = '';
}
// Avada Edit
echo apply_filters(
'woocommerce_single_product_image_thumbnail_html',
sprintf('<li>%s</li>', $image),
$post->ID);
} else {
echo apply_filters(
'woocommerce_single_product_image_html',
sprintf('<li><img src="%s" alt="Placeholder" /></li>',
wc_placeholder_img_src()),
$post->ID);
}
$loop = 0;
// Avada Edit
$columns = apply_filters('woocommerce_product_thumbnails_columns', 3);
foreach ($attachment_ids as $attachment_id) {
// Avada Edit
/*$classes = array('zoom');
if ($loop == 0 || $loop % $columns == 0)
$classes[] = 'first';
if (($loop + 1) % $columns == 0)
$classes[] = 'last';
*/
$classes[] = 'image-' . $attachment_id;
$image_link = wp_get_attachment_url($attachment_id);
if (! $image_link)
continue;
$image = wp_get_attachment_image(
$attachment_id,
apply_filters('single_product_small_thumbnail_size',
'shop_thumbnail'));
$image_class = esc_attr(implode(' ', $classes));
$image_title = esc_attr(get_the_title($attachment_id));
// Avada Edit
echo apply_filters(
'woocommerce_single_product_image_thumbnail_html',
sprintf('<li>%s</li>', $image),
$attachment_id,
$post->ID,
$image_class);
$loop++;
}
?>
</ul>
</div>
<?php
}
// Omit closing PHP tag to avoid "Headers already sent" issues.
文件：product-image.php
File: product-image.php
<?php
/**
* Single Product Image
*
* @author WooThemes
* @package WooCommerce/Templates
* @version 2.0.14
*/
if (! defined('ABSPATH'))
exit; // Exit if accessed directly
global $post, $woocommerce, $product;
if (! Avada()->settings->get('disable_woo_gallery')) {
include WC()->plugin_path() . '/templates/single-product/product-image.php';
return;
}
?>
<div class="images">
<div id="slider" class="fusion-flexslider">
<ul class="slides">
<?php
$attachment_count = count($product->get_gallery_attachment_ids());
if ($attachment_count > 0) {
$gallery = '[product-gallery]';
}
else {
$gallery = '[]';
}
if (has_post_thumbnail()) {
$image_title = esc_attr(get_the_title(get_post_thumbnail_id()));
$image_link = wp_get_attachment_url(get_post_thumbnail_id());
$image = get_the_post_thumbnail(
$post->ID,
apply_filters('single_product_large_thumbnail_size',
'shop_single' ),
array(
'title' => $image_title
));
$image_caption = get_post_field('post_excerpt',
get_post_thumbnail_id());
// Avada Edit
echo apply_filters('woocommerce_single_product_image_html',
sprintf(
'<li><a href="%s" itemprop="image" class="woocommerce-main-image zoom" title="%s" data-rel="iLightbox' .
$gallery .
'" data-title="%s" data-caption="%s">%s</a></li>',
$image_link,
$image_title,
$image_title,
$image_caption,
$image),
$post->ID);
}
else {
echo apply_filters('woocommerce_single_product_image_html',
sprintf('<li><img src="%s" alt="Placeholder" /></li>',
wc_placeholder_img_src()),
$post->ID);
}
/**
* From product-thumbnails.php
*/
$attachment_ids = $product->get_gallery_attachment_ids();
$loop = 0;
// Avada Edit
//$columns = apply_filters('woocommerce_product_thumbnails_columns', 3);
foreach ($attachment_ids as $attachment_id ) {
// Avada Edit
/*
$classes = array('zoom');
if ($loop == 0 || $loop % $columns == 0)
$classes[] = 'first';
if (( $loop + 1 ) % $columns == 0)
$classes[] = 'last';
*/
$classes[] = 'image-'.$attachment_id;
$image_link = wp_get_attachment_url($attachment_id);
if (! $image_link)
continue;
// Avada Edit
// modified image size to shop_single from thumbnail
$image = wp_get_attachment_image(
$attachment_id,
apply_filters('single_product_small_thumbnail_size',
'shop_single'));
$image_class = esc_attr(implode(' ', $classes));
$image_title = esc_attr(get_the_title($attachment_id));
$image_caption = get_post_field('post_excerpt', $attachment_id);
// Avada Edit
echo apply_filters('woocommerce_single_product_image_html',
sprintf(
'<li><a href="%s" itemprop="image" class="woocommerce-main-image zoom" title="%s" data-rel="iLightbox' .
$gallery .
'" data-title="%s" data-caption="%s">%s</a></li>',
$image_link,
$image_title,
$image_title,
$image_caption,
$image),
$attachment_id,
$post->ID,
$image_class);
//echo apply_filters(
// 'woocommerce_single_product_image_thumbnail_html',
// sprintf(
// '<a href="%s" class="%s" title="%s" data-rel="prettyPhoto[product-gallery]">%s</a>',
// $image_link,
// $image_class,
// $image_title,
// $image),
// $attachment_id,
// $post->ID,
// $image_class);
$loop++;
}
?>
</ul>
</div>
<?php do_action('woocommerce_product_thumbnails'); ?>
</div>
文件：Content-product.php
File: Content-product.php
<?php
/**
* The template for displaying product content within loops
*
* This template can be overridden by copying it to
* yourtheme/woocommerce/content-product.php.
*
* HOWEVER, on occasion WooCommerce will need to update template
* files and you (the theme developer) will need to copy the
* new files to your theme to maintain compatibility. We try
* to do this as little as possible, but it does happen. When
* this occurs the version of the template file will be bumped and
* the readme will list any important changes.
*
* @see http://docs.woothemes.com/document/template-structure/
* @author WooThemes
* @package WooCommerce/Templates
* @version 2.5.0
*/
if (! defined( 'ABSPATH')) {
exit; // Exit if accessed directly
}
global $product, $woocommerce_loop;
// Store loop count we're currently on
if (empty( $woocommerce_loop['loop'])) {
$woocommerce_loop['loop'] = 0;
}
// Store column count for displaying the grid
if (empty( $woocommerce_loop['columns'])) {
$woocommerce_loop['columns'] = apply_filters('loop_shop_columns', 4);
}
// Ensure visibility
if (! $product || ! $product->is_visible()) {
return;
}
// Increase loop count
$woocommerce_loop['loop']++;
// Extra post classes
$classes = array();
if ( 0 === ($woocommerce_loop['loop'] - 1) % $woocommerce_loop['columns'] ||
1 === $woocommerce_loop['columns'] ) {
$classes[] = 'first';
}
if ( 0 === $woocommerce_loop['loop'] % $woocommerce_loop['columns'] ) {
$classes[] = 'last';
}
?>
<li <?php post_class( $classes ); ?>>
<?php
/**
* woocommerce_before_shop_loop_item hook.
*
* @hooked woocommerce_template_loop_product_link_open - 10
*/
do_action('woocommerce_before_shop_loop_item');
?>
<?php if ('clean' != Avada()->settings->get('woocommerce_product_box_design')) : ?>
<a href="<?php the_permalink(); ?>" class="product-images">
<?php endif;?>
<?php
/**
* woocommerce_before_shop_loop_item_title hook.
*
* @hooked woocommerce_show_product_loop_sale_flash - 10
* @hooked woocommerce_template_loop_product_thumbnail - 10
*/
do_action('woocommerce_before_shop_loop_item_title');
?>
<?php if ('clean' != Avada()->settings->get('woocommerce_product_box_design')) : ?>
</a>
<?php endif; ?>
<div class="product-details">
<div class="product-details-container">
<?php
/**
* woocommerce_shop_loop_item_title hook.
*
* @hooked woocommerce_template_loop_product_title - 10
*/
do_action('woocommerce_shop_loop_item_title');
?>
<div class="clearfix">
<?php
/**
* woocommerce_after_shop_loop_item_title hook.
*
* @hooked woocommerce_template_loop_rating - 5
* @hooked woocommerce_template_loop_price - 10
*/
do_action('woocommerce_after_shop_loop_item_title');
?>
</div>
</div>
</div>
<?php
/**
* woocommerce_after_shop_loop_item hook.
*
* @hooked woocommerce_template_loop_product_link_close - 5
* @hooked woocommerce_template_loop_add_to_cart - 10
*/
do_action('woocommerce_after_shop_loop_item');
?>
</li>
我使用WordPress主题：Avada
I use a WordPress theme: Avada
产品是通过插件导入的：WP All import
Products was imported with plugin: WP All import
如果您需要更多信息，我会给您。只是问问：）
If you need any more information, I will give it to you. Just ask :)
推荐答案
WooCommerce使用这些图像的模板。它们是 product-thumbnails.php 和'product-image.php'文件，位于您的单个产品文件夹中WooCommerce模板文件夹。
WooCommerce uses a template for those images. They are product-thumbnails.php and 'product-image.php' files located in single-product folder in your WooCommerce templates folder.
对我来说，这些文件位于 theme / woocommerce / single-product / 和 theme 是您的主题（在本例中为Avada）。
For me these files are located in theme/woocommerce/single-product/ and "theme" is your theme (in this case Avada).
根据您的主题对WooCommerce模板的作用（某些主题完全重写了它们），您只需更改其中一些模板即可
Based on what your theme does to WooCommerce templates (some themes rewrite them completely) you can just change some of those template files directly and add your links.
但是更干净的方法是使用WooCommerce中广泛使用的操作，然后使用它们将链接添加到图像。我在较旧版本的Avada中看到的方式是，主题修改了 woocommerce_single_product_image_html过滤器挂钩，该挂钩显示了产品主图像。
But the cleaner way would be to use actions that are used widely in WooCommerce and add your link to the images using them. The way I see it in an older version of Avada the themes modifies 'woocommerce_single_product_image_html' filter hook which shows the product main image.
如果共享文件<$ c $与我们一起使用c> product-thumbnails.php 和 product-image.php 我们可以找到一个简单的解决方案。
If you share the files product-thumbnails.php and product-image.php with us we could find an easy solution.
我个人无法访问您的主题以查看其对图像的确切作用。
I personally don't have access to your themes to see what exactly it does with images.
现在，您可以将这段代码放入您的 functions.php 文件，并查看结果：
For now, you can put this code in your functions.php file and see how it turns out:
add_filter('woocommerce_single_product_image_html', 'change_product_image_link', 10, 2);
function change_product_image_link( $html, $product_id) {
$product = wc_get_product($product_id);
if (is_singular('product') &&
$product &&
$product->is_type('external')){
$attachment_count = count($product->get_gallery_attachment_ids());
$gallery = $attachment_count > 0 ? '[product-gallery]' : '';
$props = wc_get_product_attachment_props(get_post_thumbnail_id(), $post);
$image = get_the_post_thumbnail(
$post->ID,
apply_filters('single_product_large_thumbnail_size',
'shop_single'),
array(
'title' => $props['title'],
'alt' => $props['alt'],
));
return sprintf(
'<a href="%s" itemprop="image" class="woocommerce-main-image zoom" title="%s">%s</a>',
$product->get_product_url(),
esc_attr($props['caption']),
$image
);
}
else {
return $html;
}
}
要添加外部链接来归档产品图片，您可以此代码在您的functions.php中：
To add external links to archive product images you can put this code in your functions.php:
remove_action('woocommerce_before_shop_loop_item', 'woocommerce_template_loop_product_link_open');
add_action('woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_link_open', 15);
add_action('woocommerce_before_shop_loop_item', 'woocommerce_add_aff_link_open', 10);
add_action('woocommerce_before_shop_loop_item_title', 'woocommerce_add_aff_link_close', 10);
function woocommerce_add_aff_link_open(){
$product = wc_get_product(get_the_ID());
if ($product->is_type('external'))
echo '<a href="' .
$product->get_product_url() .
'" class="woocommerce-LoopProductImage-link">';
}
function woocommerce_add_aff_link_close(){
$product = wc_get_product(get_the_ID());
if ($product->is_type('external'))
echo '</a>';
}
第二个变化与Avada的 content-product混合在一起。 php 文件（强烈建议在使用此编辑之前从 functions.php 中删除＃2编辑）：
The second changes mixed with Avada's content-product.php file (I strongly suggest removing #2 edits from functions.php before using this edit):
<?php
/**
* The template for displaying product content within loops
*
* This template can be overridden by copying it to yourtheme/woocommerce/content-product.php.
*
* HOWEVER, on occasion WooCommerce will need to update template
files and you (the theme developer) will need to copy the new
files to your theme to maintain compatibility. We try to do this
as little as possible, but it does happen. When this occurs the
version of the template file will be bumped and the readme will
list any important changes.
*
* @see http://docs.woothemes.com/document/template-structure/
* @author WooThemes
* @package WooCommerce/Templates
* @version 2.5.0
*/
if (! defined('ABSPATH')) {
exit; // Exit if accessed directly
}
global $product, $woocommerce_loop;
// Store loop count we're currently on
if (empty($woocommerce_loop['loop'])) {
$woocommerce_loop['loop'] = 0;
}
// Store column count for displaying the grid
if (empty( $woocommerce_loop['columns'])) {
$woocommerce_loop['columns'] = apply_filters('loop_shop_columns', 4);
}
// Ensure visibility
if (! $product || ! $product->is_visible()) {
return;
}
// Increase loop count
$woocommerce_loop['loop']++;
// Extra post classes
$classes = array();
if ( 0 === ($woocommerce_loop['loop'] - 1 ) % $woocommerce_loop['columns'] ||
1 === $woocommerce_loop['columns']) {
$classes[] = 'first';
}
if ( 0 === $woocommerce_loop['loop'] % $woocommerce_loop['columns']) {
$classes[] = 'last';
}
?>
<li <?php post_class($classes); ?>>
<?php
/**
* woocommerce_before_shop_loop_item hook.
*
* @hooked woocommerce_template_loop_product_link_open - 10
*/
do_action('woocommerce_before_shop_loop_item');
?>
<?php
if ('clean' != Avada()->settings->get('woocommerce_product_box_design')) {
if ($product->is_type('external')) {
echo '<a href="' .
$product->get_product_url() .
'" class="product-images">';
}
else {
echo '<a href="' .
get_permalink() .
'" class="product-images">';
}
}
?>
<?php
/**
* woocommerce_before_shop_loop_item_title hook.
*
* @hooked woocommerce_show_product_loop_sale_flash - 10
* @hooked woocommerce_template_loop_product_thumbnail - 10
*/
do_action('woocommerce_before_shop_loop_item_title');
?>
<?php
if ('clean' != Avada()->settings->get('woocommerce_product_box_design')) :
?>
</a>
<?php endif; ?>
<div class="product-details">
<div class="product-details-container">
<?php
/**
* woocommerce_shop_loop_item_title hook.
*
* @hooked woocommerce_template_loop_product_title - 10
*/
do_action('woocommerce_shop_loop_item_title');
?>
<div class="clearfix">
<?php
/**
* woocommerce_after_shop_loop_item_title hook.
*
* @hooked woocommerce_template_loop_rating - 5
* @hooked woocommerce_template_loop_price - 10
*/
do_action('woocommerce_after_shop_loop_item_title');
?>
</div>
</div>
</div>
<?php
/**
* woocommerce_after_shop_loop_item hook.
*
* @hooked woocommerce_template_loop_product_link_close - 5
* @hooked woocommerce_template_loop_add_to_cart - 10
*/
do_action( 'woocommerce_after_shop_loop_item');
?>
</li>
这篇关于Woocommerce-外部/关联产品图片到外部链接（购买URL）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
