Merge pull request 'updating docs and settings for release' (#1) from update-documentation into main

Reviewed-on: CyberCoveLLC/fourth-wall-embed-wp#1

.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

README.md

@@ -1,3 +1,12 @@
 # fourth-wall-embed-wp
 
-A WordPress Plugin to embed a fourth wall embed
+A WordPress Plugin to embed a fourth wall embed.
+
+### How to use the plugin
+
+* Download the latest release from [releases](https://repo.anhonesthost.net/CyberCoveLLC/fourth-wall-embed-wp/releases)
+* Upload the Plugin to WordPress
+* In the WordPress Dashboard, Navigate to the Fourthwall settings page, and paste your store url.
+* On the page you want have your store displayed, add the shortcode ```[fourthwall]```
+
+This is an early release of the plugin, and if you can think of things that could be improved or find any bugs, please open an issue on the repository.

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;
-    margin:0 25px 25px;
-    
+    width:225px;
+    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/settings.php

@@ -64,6 +64,7 @@ class fourthwall_settings {
 		submit_button();
 
 		echo '	</form>' . "\n";
+		echo ' <div><p>To use the fourthwall Embed, use the shortcode [fourthwall]</p></div>';
 		echo '</div>' . "\n";
 
 	}

libs/shortcode.php

@@ -12,46 +12,45 @@ 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") 
-                                and not(contains(@class, "badge")) 
+
+      $tileLink = $xpath->query('.//a[contains(@class, "tile")]', $div);
+      $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") 
-                                and not(contains(@class, "badge")) 
+      $tileDesc = $xpath->query('.//*[contains(@class, "tile__description")
+                                and not(contains(@class, "badge"))
                                 and not(contains(@class, "tile_options"))]', $div);
-      $tileHeading = $xpath->query('.//*[contains(@class, "tile__heading") 
-                                   and not(contains(@class, "badge")) 
-                                   and not(contains(@class, "tile_options"))]', $div);
-      $tilePrices = $xpath->query('.//*[contains(@class, "tile__prices") 
-                                  and not(contains(@class, "badge")) 
-                                  and not(contains(@class, "tile_options"))]', $div);
+      $tilePrices = $xpath->query('.//*[contains(@class, "tile__prices")
+                                  and not(contains(@class, "badge"))
+                                  and not(contains(@class, "tile_options"))
+                                  and not(contains(@class, "tile__price tile__price--original"))]', $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) {
-        $productHTML .= $dom->saveHTML($tileHeading->item(0));
-      }
-      if ($tilePrices->length > 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;
 }
 
 function fwembed_shortcode( $atts ) {
   $options = get_option( 'fourthwall_settings_name' );
-  $value = isset( $options['fourth_url'] ) ? $options['fourth_url'] : 'https://latinosagainstspookyshit-shop.fourthwall.com';
+  $value = isset( $options['fourth_url'] ) ? $options['fourth_url'] : 'https://fourthwall.com';
   $store_html = fwembed_parse_html($value);
   $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' );