diff --git a/blocks/product-comparison/product-comparison.css b/blocks/product-comparison/product-comparison.css index 6fe0d3624..d02546d37 100644 --- a/blocks/product-comparison/product-comparison.css +++ b/blocks/product-comparison/product-comparison.css @@ -1,3 +1,8 @@ +.product .product-comparison-container .product-comparison-wrapper, +.category .product-comparison-container .product-comparison-wrapper { + padding-top: 20px; +} + .product .product-comparison-container.tabs .default-content-wrapper > h2{ text-align: center; padding-bottom: 0; diff --git a/blocks/product-comparison/product-comparison.js b/blocks/product-comparison/product-comparison.js index e2043130b..8057e1d65 100644 --- a/blocks/product-comparison/product-comparison.js +++ b/blocks/product-comparison/product-comparison.js @@ -37,6 +37,7 @@ export default async function decorate(block) { let maxHeight = 0; productIdentifiers.forEach((productIdentifier) => { const productSpec = productSpecs[productIdentifier]; + const productRfq = productSpec.rfq; const productPathName = productSpec.path.split('#')[0]; const cmPathName = window.location.pathname; @@ -55,6 +56,7 @@ export default async function decorate(block) { productPathName === cmPathName ? '' : a({ href: productSpec.path, class: 'product-info-btn' }, 'PRODUCT INFO'), + productRfq ? a({ href: `/quote-request?pid=${productRfq}`, target: '_blank', class: 'product-info-btn' }, 'Request Quote') : '', ), ), );