PWA Product Recommendation venia

magento · Jun 24, 2024 · 69e2663 · 69e2663
1 parent cd0adbc
commit 69e2663
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 1 deletion.
diff --git a/packages/venia-ui/lib/RootComponents/Category/categoryContent.js b/packages/venia-ui/lib/RootComponents/Category/categoryContent.js
@@ -22,6 +22,10 @@ import SortedByContainer, {
 } from '../../components/SortedByContainer';
 import defaultClasses from './category.module.css';
 import NoProductsFound from './NoProductsFound';
+import {
+    VeniaProductRecommendations,
+    PageTypes,
+  } from "@magento/venia-product-recommendations";
 
 const FilterModal = React.lazy(() => import('../../components/FilterModal'));
 const FilterSidebar = React.lazy(() =>
@@ -190,6 +194,7 @@ const CategoryContent = props => {
                     </div>
                 </div>
             </article>
+            <VeniaProductRecommendations pageType={PageTypes.CMS} />;
         </Fragment>
     );
 };

diff --git a/packages/venia-ui/lib/components/CartPage/cartPage.js b/packages/venia-ui/lib/components/CartPage/cartPage.js
@@ -13,7 +13,10 @@ import PriceAdjustments from './PriceAdjustments';
 import PriceSummary from './PriceSummary';
 import ProductListing from './ProductListing';
 import defaultClasses from './cartPage.module.css';
-
+import {
+    VeniaProductRecommendations,
+    PageTypes,
+  } from "@magento/venia-product-recommendations";
 const CheckIcon = <Icon size={20} src={Check} />;
 
 /**
@@ -118,7 +121,9 @@ const CartPage = props => {
                     </div>
                 </div>
             </div>
+            <VeniaProductRecommendations pageType={PageTypes.CMS} />;
         </div>
+
     );
 };
 

diff --git a/packages/venia-ui/lib/components/ProductFullDetail/productFullDetail.js b/packages/venia-ui/lib/components/ProductFullDetail/productFullDetail.js
@@ -3,6 +3,11 @@ import { FormattedMessage, useIntl } from 'react-intl';
 import { arrayOf, bool, number, shape, string } from 'prop-types';
 import { Form } from 'informed';
 import { Info } from 'react-feather';
+import {
+    VeniaProductRecommendations,
+    PageTypes,
+  } from "@magento/venia-product-recommendations";
+
 
 import Price from '@magento/venia-ui/lib/components/Price';
 import { useProductFullDetail } from '@magento/peregrine/lib/talons/ProductFullDetail/useProductFullDetail';
@@ -241,6 +246,7 @@ const ProductFullDetail = props => {
                 data-cy="ProductFullDetail-root"
                 onSubmit={handleAddToCart}
             >
+
                 <section className={classes.imageCarousel}>
                     <Carousel images={mediaGalleryEntries} />
                 </section>
@@ -319,7 +325,9 @@ const ProductFullDetail = props => {
                     />
                 </section>
                 {pageBuilderAttributes}
+
             </Form>
+            <VeniaProductRecommendations pageType={PageTypes.CMS} />;
         </Fragment>
     );
 };