From fe8388bc52cdb0b6aa05ce60af52c29a9fc4ecf4 Mon Sep 17 00:00:00 2001
From: Russell Ballestrini <russell@unturf.com>
Date: Sun, 28 Sep 2025 15:06:01 -0400
Subject: [PATCH] Improve Open Graph images to use first available thumbnail
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Enhanced social media sharing by updating og:image meta tags to use the first
available thumbnail (thumbnail1-4) instead of hardcoding thumbnail1. This ensures
better social media previews on Slack, Twitter, Facebook when products don't have
thumbnail1 but have other thumbnails available.

Updated templates:
- product.j2: Smart thumbnail fallback for product pages
- content.j2: Smart thumbnail fallback for content pages

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 make_post_sell/templates/content.j2 | 9 ++++++---
 make_post_sell/templates/product.j2 | 9 ++++++---
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/make_post_sell/templates/content.j2 b/make_post_sell/templates/content.j2
index 4c74f01..e9153f1 100644
--- a/make_post_sell/templates/content.j2
+++ b/make_post_sell/templates/content.j2
@@ -7,9 +7,12 @@
   <meta name="description" content="{{ product.description }}">
   <meta property="og:description" content="{{ product.description }}" />
   <meta property="og:type" content="article" />
-  {%- if "thumbnail1" in product.extensions %}
-  <meta property="og:image" content="{{ request.app["bucket.secure_uploads.get_endpoint"] }}/{{ product.s3_path }}/thumbnail1?ts={{ product.updated_timestamp }}" />
-  {%- endif %}
+  {%- for thumbnail_key in ["thumbnail1", "thumbnail2", "thumbnail3", "thumbnail4"] %}
+    {%- if thumbnail_key in product.extensions %}
+  <meta property="og:image" content="{{ request.app["bucket.secure_uploads.get_endpoint"] }}/{{ product.s3_path }}/{{ thumbnail_key }}?ts={{ product.updated_timestamp }}" />
+      {%- break %}
+    {%- endif %}
+  {%- endfor %}
 
   {% if product.has_product_file and signed_get_object_url is not none %}
   <script>
diff --git a/make_post_sell/templates/product.j2 b/make_post_sell/templates/product.j2
index 10dc8c2..b22b5b4 100644
--- a/make_post_sell/templates/product.j2
+++ b/make_post_sell/templates/product.j2
@@ -7,9 +7,12 @@
   <meta name="description" content="{{ product.description }}">
   <meta property="og:description" content="{{ product.description }}" />
   <meta property="og:type" content="article" />
-  {%- if "thumbnail1" in product.extensions %}
-  <meta property="og:image" content="{{ request.app["bucket.secure_uploads.get_endpoint"] }}/{{ product.s3_path }}/thumbnail1?ts={{ product.updated_timestamp }}" />
-  {%- endif %}
+  {%- for thumbnail_key in ["thumbnail1", "thumbnail2", "thumbnail3", "thumbnail4"] %}
+    {%- if thumbnail_key in product.extensions %}
+  <meta property="og:image" content="{{ request.app["bucket.secure_uploads.get_endpoint"] }}/{{ product.s3_path }}/{{ thumbnail_key }}?ts={{ product.updated_timestamp }}" />
+      {%- break %}
+    {%- endif %}
+  {%- endfor %}
 
   {% if product.has_product_file and signed_get_object_url is not none %}
   <script>