HSuikit

HSuikit Core is a lightweight integration layer that connects HikaShop with YOOtheme Pro and allows you to build custom store layouts using dynamic content.

Instead of relying on rigid default templates, HSuikit Core lets you work with HikaShop products, categories, and manufacturers directly inside the YOOtheme Pro builder. It provides a clean and flexible workflow for creating custom product pages, category layouts, and manufacturer pages while keeping your site lightweight and performance-focused.

• Products as dynamic content source
• Categories as dynamic content source
• Manufacturers as dynamic content source
• Field mapping for prices, images, descriptions, variants, and related content
• Template-ready structure for YOOtheme layouts

HSuikit Core is ideal for users who want full design freedom in YOOtheme Pro while continuing to use HikaShop as the underlying e-commerce engine. :contentReference[oaicite:2]{index=2}

How to install:

HSuikit Core supports HikaShop + YOOtheme Pro layouts and dynamic content workflows.

• Download the latest HSuikit Core package from the product page.

• You can install the plugin using the Joomla Extension Manager. Click “System -> Extensions” and then upload the zip file to install the extension.

• From the main Joomla dashboard click “System -> Manage -> Extensions”. Use the Search or Filter feature to find the installed HSuikit Core extension and then make sure the required plugin is enabled.

Getting Started:

• HSuikit Core is designed to bring HikaShop content directly into YOOtheme Pro using dynamic content sources.
• The Core version focuses on essential dynamic content integration and a lightweight architecture for flexible custom store building.
• You can use it to create custom layouts for product pages, category pages, and manufacturer pages directly inside the YOOtheme Pro builder.

• Please note that the Core version does not include custom YOOtheme elements, One Page Checkout, or extended frontend UI components. It is intended as a focused and minimal integration base.

Custom Product:

• Open “YOOtheme” website builder inside the Joomla admin and edit the page where you want to display a custom product layout using dynamic content.
• Select the preferred builder elements from the YOOtheme Pro Website Builder elements list. For example, you may use Image, Heading, Text, and Grid elements.

• Click “Advanced” in the selected element and choose the HikaShop product dynamic content source.
• Once a product source is selected, its fields become available for mapping inside the element settings.

• To map a content field to an element field, open the Content tab of the element. Each field shows a Dynamic button on the right which opens a dropdown list of available fields.
• For example, you can map the image field to the product image, the heading field to the product title, the text field to the product description, and the HTML field to price or add-to-cart output depending on your layout.

Custom Categories:

• Now open “YOOtheme” website builder inside the Joomla admin and edit the page where you want to display HikaShop categories using dynamic content.
• Select the preferred builder element from the YOOtheme Pro Website Builder elements list. For example, you can use a Grid element.

• Click on the selected element and then click “ADD ITEM” to create a new item.

• Open the “Advanced” tab in the new item and select the HikaShop Custom Categories dynamic content source.
• Once a category source is selected, its fields become available for mapping.

• Then open the Content tab and map the category title, image, description, or link fields to the corresponding element fields.

Custom Manufacturers:

• HSuikit Core also supports manufacturers as a dynamic content source, allowing you to build custom manufacturer pages and listings using YOOtheme Pro.
• Open the page in YOOtheme builder where you want to display manufacturer data and choose the preferred builder element.

• Add a new item or edit the existing element, then open the “Advanced” tab and select the manufacturer dynamic content source.

• After selecting the manufacturer source, you can map fields such as manufacturer name, image, description, and link to the YOOtheme element fields.

Product Details Template:

• Open the product details page inside YOOtheme Pro builder and create or edit the product layout using standard YOOtheme elements.
• HSuikit Core provides template-ready data that can be mapped into your layout for product title, images, descriptions, price output, variants, and related content.

• Use the Dynamic Content options in the element fields to map the relevant product data. For example, you can map product title to a Heading element, description to a Text element, and price HTML or purchase-related output to an HTML element.

• This gives you full control to build custom product details pages visually inside YOOtheme Pro instead of relying on default HikaShop template structures.

Category Template:

• Open the category page template in YOOtheme Pro and customize the layout using YOOtheme elements with HikaShop category.
• You can use grids, repeatable items, headings, images, and text elements to create category layouts that match your site design.

• Map the available category fields from the dynamic content dropdown to the selected YOOtheme element fields.