WooCommerce REST API - 如何获取调整后的产品图片 url?
WooCommerce REST API - how to get product resized images url?
wordpress 中的所有图片都会自动调整大小并保存在上传文件夹中,如下所示:
sample_product_image-100x100.png
sample_product_image-150x150.png
sample_product_image-180x113.png
sample_product_image-300x189.png
...
sample_product_image-555x349.png
sample_product_image-600x378.png
sample_product_image.png (original large file)
为了加快加载速度,我需要更小尺寸的静态产品图片 api 像这样:
sample_product_image-300x189.png
但是 woocommerce rest api 只给我发送最大的原始文件 (sample_product_image.png):
"images": [
{
"id": 7291,
"date_created": "2018-06-12T03:17:03",
"date_created_gmt": "2018-06-11T13:47:03",
"date_modified": "2018-06-12T03:17:03",
"date_modified_gmt": "2018-06-11T13:47:03",
"src": "http://example.com/wp-content/uploads/2018/06/sample_product_image.png",
"name": "sample_product_image",
"alt": "",
"position": 0
},
如何在 wc rest api 中获取较小的图片 url?
顺便说一句,我发现 this plugin for wordpress rest api 不适用于 woocommerce。
找到解决方案here。
只需将此过滤器添加到您的主题 function.php
function prepare_product_images($response, $post, $request) {
global $_wp_additional_image_sizes;
if (empty($response->data)) {
return $response;
}
foreach ($response->data['images'] as $key => $image) {
$image_urls = [];
foreach ($_wp_additional_image_sizes as $size => $value) {
$image_info = wp_get_attachment_image_src($image['id'], $size);
$response->data['images'][$key][$size] = $image_info[0];
}
}
return $response;
}
add_filter("woocommerce_rest_prepare_product_object", "prepare_product_images", 10, 3);
此外,如果您只需要 1 个特殊尺寸,您可以删除第二个 foreach 并手动将 $size
初始化为 'thumbnail'
、 'medium'
、 'medium_large'
或 'large'
wordpress 中的所有图片都会自动调整大小并保存在上传文件夹中,如下所示:
sample_product_image-100x100.png
sample_product_image-150x150.png
sample_product_image-180x113.png
sample_product_image-300x189.png
...
sample_product_image-555x349.png
sample_product_image-600x378.png
sample_product_image.png (original large file)
为了加快加载速度,我需要更小尺寸的静态产品图片 api 像这样:
sample_product_image-300x189.png
但是 woocommerce rest api 只给我发送最大的原始文件 (sample_product_image.png):
"images": [
{
"id": 7291,
"date_created": "2018-06-12T03:17:03",
"date_created_gmt": "2018-06-11T13:47:03",
"date_modified": "2018-06-12T03:17:03",
"date_modified_gmt": "2018-06-11T13:47:03",
"src": "http://example.com/wp-content/uploads/2018/06/sample_product_image.png",
"name": "sample_product_image",
"alt": "",
"position": 0
},
如何在 wc rest api 中获取较小的图片 url?
顺便说一句,我发现 this plugin for wordpress rest api 不适用于 woocommerce。
找到解决方案here。 只需将此过滤器添加到您的主题 function.php
function prepare_product_images($response, $post, $request) {
global $_wp_additional_image_sizes;
if (empty($response->data)) {
return $response;
}
foreach ($response->data['images'] as $key => $image) {
$image_urls = [];
foreach ($_wp_additional_image_sizes as $size => $value) {
$image_info = wp_get_attachment_image_src($image['id'], $size);
$response->data['images'][$key][$size] = $image_info[0];
}
}
return $response;
}
add_filter("woocommerce_rest_prepare_product_object", "prepare_product_images", 10, 3);
此外,如果您只需要 1 个特殊尺寸,您可以删除第二个 foreach 并手动将 $size
初始化为 'thumbnail'
、 'medium'
、 'medium_large'
或 'large'