wp-plugins/fourth-wall-embed-wp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

updating css and html elements to improve display

Browse Source
This commit is contained in:
Josh Knapp 2024-12-27 15:16:53 -08:00
parent 8e767bfb14
commit 084d769cb6
2 changed files with 29 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
css/fw-store-embed.css
View File

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

23
libs/shortcode.php
View File

@ -13,6 +13,7 @@ function fwembed_parse_html($url = null) {
if ($div->hasAttribute('data-testid') && $div->getAttribute('data-testid') === 'product') { if ($div->hasAttribute('data-testid') && $div->getAttribute('data-testid') === 'product') {
$xpath = new DOMXPath($dom); $xpath = new DOMXPath($dom);
$tileLink = $xpath->query('.//a[contains(@class, "tile")]', $div);
$tileItem = $xpath->query('.//img[contains(@class, "tile__item--1") $tileItem = $xpath->query('.//img[contains(@class, "tile__item--1")
and not(contains(@class, "badge")) and not(contains(@class, "badge"))
and not(contains(@class, "tile_options")) and not(contains(@class, "tile_options"))
@ -20,30 +21,28 @@ function fwembed_parse_html($url = null) {
$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); 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") $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"))
and not(contains(@class, "tile__price tile__price--original"))]', $div);
$productHTML = ''; $productHTML = '';
$linkHref = '';
if ($tileLink->length > 0) {
$linkHref = $tileLink->item(0)->getAttribute('href');
}
if ($tileItem->length > 0) { if ($tileItem->length > 0) {
$productHTML .= $dom->saveHTML($tileItem->item(0)); $productHTML .= $dom->saveHTML($tileItem->item(0));
} }
if ($tileDesc->length > 0) { if ($tileDesc->length > 0) {
$productHTML .= $dom->saveHTML($tileDesc->item(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; return $html;
} }