wp-plugins/fourth-wall-embed-wp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 13 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
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -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;
}

39
libs/shortcode.php
View File

@@ -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")
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;
}
@@ -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' );