Use updated module

.gitea/workflows/release.yml

@@ -0,0 +1,38 @@
+name: Create Release
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+        with:
+          username: ${{ secrets.CI_USER }}
+          password: ${{ secrets.CI_TOKEN }}
+
+      - name: Get version
+        id: get_version
+        run: |
+          if [ "${{ github.ref_type }}" = "tag" ]; then
+            echo "version=${GITHUB_REF#refs/tags/}" >> $GITHUB_OUTPUT
+          else
+            echo "version=$(date +'%Y.%m.%d-%H%M')" >> $GITHUB_OUTPUT
+          fi
+
+      - name: Create ZIP archive
+        run: |
+          zip -r fourthwall-store-embed.zip . -x ".git/*" ".gitea/*"
+
+      - name: Create Release
+        uses: softprops/action-gh-release@v2
+        with:
+          token: "${{ secrets.REPO_TOKEN }}"
+          title: Fourthwall-store-embed Release ${{ steps.get_version.outputs.version }}
+          tag_name: ${{ steps.get_version.outputs.version }}
+          files: |
+            fourthwall-store-embed.zip

css/fw-store-embed.css

@@ -1,6 +1,6 @@
 .fw-store-parent {
     align-content: center;
-    vertical-align: top;
+    vertical-align: bottom;
     overflow-y: auto;
     text-align:center;
     margin:0 auto;
@@ -9,12 +9,12 @@
 
 .product-tile {
     align-content: center;
-    vertical-align: top;
+    vertical-align: bottom;
     background: white;
     display:inline-block;
-    width:200px;
+    width:225px;
-    margin:0 25px 25px;
+    margin:15px 15px 15px 15px;
-    
+
 }
 
 .product-tile img {
@@ -35,3 +35,8 @@
     font-size: 20px;
     font-style: italic;
 }
+
+.tile__heading {
+    font-size: 0.88em;  /* Reduced font size for product titles */
+    font-weight: bold;
+}

libs/shortcode.php

@@ -12,38 +12,37 @@ function fwembed_parse_html($url = null) {
   foreach ($divs as $div) {
     if ($div->hasAttribute('data-testid') && $div->getAttribute('data-testid') === 'product') {
       $xpath = new DOMXPath($dom);
-      
+
-      $tileItem = $xpath->query('.//img[contains(@class, "tile__item--1") 
+      $tileLink = $xpath->query('.//a[contains(@class, "tile")]', $div);
-                                and not(contains(@class, "badge")) 
+      $tileItem = $xpath->query('.//img[contains(@class, "tile__item--1")
+                                and not(contains(@class, "badge"))
                                 and not(contains(@class, "tile_options"))
                                 and not(contains(@class, "tile__item--2"))]', $div);
-      $tileDesc = $xpath->query('.//*[contains(@class, "tile__description") 
+      $tileDesc = $xpath->query('.//*[contains(@class, "tile__description")
-                                and not(contains(@class, "badge")) 
+                                and not(contains(@class, "badge"))
                                 and not(contains(@class, "tile_options"))]', $div);
-      $tileHeading = $xpath->query('.//*[contains(@class, "tile__heading") 
+      $tilePrices = $xpath->query('.//*[contains(@class, "tile__prices")
-                                   and not(contains(@class, "badge")) 
+                                  and not(contains(@class, "badge"))
-                                   and not(contains(@class, "tile_options"))]', $div);
+                                  and not(contains(@class, "tile_options"))
-      $tilePrices = $xpath->query('.//*[contains(@class, "tile__prices") 
+                                  and not(contains(@class, "tile__price tile__price--original"))]', $div);
-                                  and not(contains(@class, "badge")) 
-                                  and not(contains(@class, "tile_options"))]', $div);
       $productHTML = '';
+      $linkHref = '';
+      if ($tileLink->length > 0) {
+        $linkHref = $tileLink->item(0)->getAttribute('href');
+      }
       if ($tileItem->length > 0) {
         $productHTML .= $dom->saveHTML($tileItem->item(0));
       }
       if ($tileDesc->length > 0) {
         $productHTML .= $dom->saveHTML($tileDesc->item(0));
       }
-      if ($tileHeading->length > 0) {
+      //if ($tilePrices->length > 0) {
-        $productHTML .= $dom->saveHTML($tileHeading->item(0));
+      //  $productHTML .= $dom->saveHTML($tilePrices->item(0));
-      }
+     // }
-      if ($tilePrices->length > 0) {
-        $productHTML .= $dom->saveHTML($tilePrices->item(0));
-      }
 
-      $html = $html . '<div class="product-tile">' . $productHTML . '</div>';
+      $html = $html . '<div class="product-tile"><a class="product-link" target="_blank" href="' . $url . $linkHref . '">' . $productHTML . '</a></div>';
     }
   }
-  $html = str_replace('a href="', 'a target="_blank" href="' . $url, $html);
   return $html;
 }
 
@@ -54,4 +53,4 @@ function fwembed_shortcode( $atts ) {
   $store_render = '<div class="fw-store-parent">' . PHP_EOL . $store_html . PHP_EOL . '</div>';
   return $store_render;
 }
-add_shortcode( 'fourthwall', 'fwembed_shortcode' );
+add_shortcode( 'fourthwall', 'fwembed_shortcode' );