PCuikit - Add Related Products

Add Related Product

Using this feature you can display related products.

• Go to "Components -> Phoca cart -> Products".
• Select the product in which you want to add related products.
• Fill all the required fields under "Related Products"as per your below screenshot.
• Click "Save&Close" to save the settings.

• Open "YOOtheme" website builder inside the Joomla admin and go to the product details page of that product in which related products are added.

• Click on the Yootheme PRO Website "Builder" and then click "Open Templates".

• From the listed templates, click "Phoca Cart Product" of the product details template layout.

• Here you found the predefined product details template layout using yootheme elements with dynamic content sources.

• Then click "Add element" on the builder under which element you want to place "PC Related Products" .

• Select "Grid" element on the builder and add it into the product details page .

• Click on the added "Grid" element to configure new item.

• Then click "ADD ITEM" to add the new item to the element.

• Click "Advanced" menu in the new item, then select the option "PC Product Details" from "DYNAMIC CONTENT" and "PC Related Products" from "MULTIPLE ITEMS SOURCE".

• Once a content source is selected, its fields are available for mapping.
• To map a content field to an element's field, open the Content tab of an element. Each element field shows a Dynamic button on the right which opens a dropdown with a list of all available content fields.

• Once finished all the settings for the element , Click "Save layout" and "Close" the website builder.