Login

A product page can have several layouts with different areas of information. Your product page can be very detailed with a lot of options and information or very light depending on your needs.

 

DEMO
What you can see on the front-end !

 

Product with main information :

- Thumbnails and big picture (pop up)

- Name  / price

- Quantity

- Characteristics / Options

- Add to cart button

- Description

 

Product with different layouts :

 

Product with additional information :

- add to wishlist button

- vote and comments

- related products

- badges

- discounts

- specifications : custom fields

 

 

 

 

DEMO
What you can test on the back-end !
Provide the main information for your product
Product's information
  • Go in the "PRODUCT" section of HikaShop., create your product and fill its main information : name, price, weight, picture, description, related products... etc.

 

language
  • You can translate your product in several languages, directly on this page. For that, you first need to setup HikaShop as necessary .
Modify the layout of your product
Product options
  • Go in the "DISPLAY" section of HikaShop, (HikaShop / Configuration / Display).. and manage several options regarding the product layout

     

view's override
  • If you want a totally different result for your product page, you can directly modify the view  "product" and override the whole layout. For that, go in the section "views" in HikaShop/Display/Views and get access to the Html structure of the product page. You can see an example on our page : "personalized layout" that uses the specific view file named "show_custom".
Add new properties to your product
Other properties In the "PRODUCT" section of HikaShop you can add BADGES.., create BRANDS.. and give CHARACTERISTICS.. to your product.

 

You can also display specifications on your product page thanks to CUSTOM FIELDS. For example, on our e-book pages we added two custom fields : "public" and "genre" to give more information to the reader.
If you want to add custom fields to your products, go in the section Display/Custom fields.., create a new custom field and select the Table "Product". Once you've created the field, it will appear on your back-end on the bottom of each product edition page (you can limit this field to one or several categories if needed). These specifications will appear on the front-end product details page.

 

Other HIKASHOP FEATURES as "vote and comments", "wishlist".. or "discounts".. have to be created/configured first, before you will be able to display them on the products page.
Create special products : related products / virtual products / donation products

You can add RELATED PRODUCTS to your products and display them on the product page to present more products to the customers, in the same page.
You have an exemple on the bottom of this page.

 

You can sell products on your store that don't need to be shipped. Some VIRTUAL PRODUCTS such as "softwares" or "e-books" don't need to use a shipping method. For that kind of products, thanks to the option : "downloads", you can associate a "file" to the product that the customer will be able to download once he'll have paid for it.

This is the case of our e-books, if you put one of them in your cart and buy it, you will have access to the e-pub format : a version that you can download and directly use on your tablet !

 

You can create a DONATION PRODUCT to allow your users to give you the amount they want. This possibility can be useful if you want to make a fundraising campaign, or if you need a subvention for a associative project for example. You can check the result and get more information on this page.

You can do a lot of things with HikaShop and we can't show all the possibilities in this demo website,  but here are some of the main features.

If you are searching for a specific feature, you can check our main features list here or send us an contact request..

 

DEMO
What you can see on the front-end !
User control panel

control panelDisplay the User Control Panel thanks to a menu item of the type "hikashop user control panel" which allow your users to manage their account :

  • edit their profile and address
  • view their orders
  • see their carts and wishlists
  • access their statistics for the affiliate program.

BACK-END FRONT-END

 

Affiliate program

Thanks to the affiliate program feature, available in HikaShop Business edition, you can propose to your users to become your business partners and improve your sales! It's very simple, each time they bring you a customer they make money. For example, the Affiliate program will detect each click generated by your client's affiliate ID and store a cookie in the visitor's computer. If the visitor makes a purchase within X days of the first click, you'll get X % of the sales revenue!

DOC BACK-END FRONT-END

 

Entries

entriesThis feature allows your users to register to something on your website with the HikaShop entry form using the entry custom fields. That is useful for example if you are building a website for an event, and you have several options available with different prices and you want your users to be able to enter several persons to the event in one order.

That's the case we present here on our demo website.

DOC BACK-END FRONT-END

 

Comparison of products

compareYou can display this comparison page thanks to a menu item of the type "HikaShop product comparison page". It allows you to present different products on a same table and compare their characteristics. Of course, you can display the buttons "add to cart" and also "add to wishlist" for each product.

BACK-END FRONT-END

 

Statistics and reports

statIn order to follow the progression of your shop and improve your sales, a powerful reporting system is available in HikaShop. Thanks to several options that you will find in : hikashop / Orders / Reports, you will be able to track all your results and get statistics about all your store data.

DOC BACK-END FRONT-END

 

Coupons and discounts

discountYou want to boost your sales? Coupons and discounts are the perfect tools ! In HikaShop, they are really easy to create and configure. You will find all the options in : HikaShop / Orders  / Discounts. On the front-end of this demo website, you can test our fake coupon entitled "SAMPLECOUPON" and get 50% on your order.

DOC BACK-END FRONT-END

 

 

DEMO
What you can test on the back-end !

You can test all HikaShop options in the back-end, with the login : demo / demo.

Access now the HikaShop back-end

 

 

hikaserialAdding HikaSerial to HikaShop you will be able to add serials to your products in order to sell limited edition products, vouchers, software licenses or individual tickets.

You can check all HikaSerial features here.

 

 

DEMO
What you can see on the front-end !
Products with a serial number

serialWe created 3 gift cards in our shop (gold, silver and bronze). As we want them to be used only one time, we associated a serial number to them. It means that if you buy 3 cards, each of them will have its own unique number.

To understand how it works for the customer, you can add a card to your cart, then in the checkout process choose the payment method entitled "(test) Validate my order" and finish the checkout.

Now that you bought the card, you can get it on your control panel when you click on the link "view your orders". Here is the list of your previous orders, where you can download or print the card ("file" column).

 

You can personalized your card by writing a message on it. This feature works thanks to a custom item field associated to the product. This way, the final card will have its serial number and its message, but you can also customise its background in the back-end.

 

 

DEMO
What you can test on the back-end !

In the HikaSerial back-end, you can create, manage and customise your serials, thanks to options and plugins. 

Access now to the HikaSerial back-end

 

effects Hikashop Business gives you the opportunity to display a carousel with plenty of effects for categories and products listings modules. It also offers you three layouts for categories and products listings with sliding/fading effects. You will see here the different possibilities offered by these carousel and layouts, and learn how to configure them.

First, let's see what you could obtain if you configure your modules as explained on this page:

A six products slider in one column

We have here a typical example of the Hikashop carousel, really easy to configure. First of all, you have to activate it by turning on the option "Enable carousel" in the options of a products listing module that you have already created to display the products you want. You can do that in the "HikaShop options" tab when editing the module via the Joomla modules manager. Here is a screenshot of the module parameters configured to display this carousel : .

 

A six products slider in two columns

Here is a screenshot of the module parameters configured to display thi carousel, which is basically the same that the previous one but in two columlns : .

 


As you can see, in this case, the main carousel effect is a vertical slide. The selected category (on the left) defines the products to be displayed (here : shoes / kids). Then, we chose a quadratic transition among many possibilities in order to define the type of the transition and then we defined the effect duration. Thanks to this two parameters, you can easily define the speed of the carousel and the way the carousel is sliding (transitions are equations that define the evolution of the speed. For example, if you choose "Linear", the slide speed will be constant). Please note that the border around the products is made by the option "Item box border" (at the bottom).

Once the effect type is configured, you have to choose how much products you want to display, and how. As you can see, every slide shows 3 products. This parameter is defined in the field "Product per slide". But this field doesn't work by itself, you also have to choose the number of columns (on the left) to decide how products will be organized. If you choose 2 columns, you will have the same thing as presented. But if you enter "1", the products will be vertically aligned (as you can see with the module on the left of this page). With this two parameters, you have an great control over the products organization.

Here we choose to display products with badges so that we can see them (10% / 20% / new products), but you can choose to hide these badges thanks to the option : "display badges".

 

 

Three products in a fade

Here, we have a fade effect showing 3 products in 3 columns. That's why the products are horizontally aligned. As you can see, there are no borders here. Furthermore, the direction is only used to define the position of the arrows and the products now move when your mouse is over the product picture ! Here are the parameters for this module . :



 

As with the first example, this carousel is moving automatically. To enable this functionality, just activate the "Auto-slide" parameter. You can also define the duration between two slides. The next option is really interesting. You can chose here how to display the carousel pagination. We selected here a thumbnail pagination, and put it on the right. As you can see, there is no dimension specified here, so the thumbnail size are 1/8 of the the product pictures. But you can specify a width and a height as in the first example. Note that when the auto-slide is enabled, the selected thumbnails are also changing.

This carousel also have a special effect applied on the product. This effect come from the selected layout. Three animated layouts are available in Hikashop Business, vertical and horizontal slide, and a fade effect. When you select one of these layouts, some new options will be displayed allowing you to configure more precisely the effect. In that case, we selected the horizontal slide so it makes a slide between the product image and the product description. Note that the description displayed is the text typed before the "readmore" tag in the product description.


Infinite slide


This is an interesting example of what you can do with all the carousel options. To obtain this result, we used the auto-slide options and the effect. Here is a screenshot of the module parameters . :

 

The trick to get this effet of infinite sliding is to set the same duration for the effect and for the auto-slide duration. When the slide effect is done, the auto-slide waiting time is reached and a new slide starts immediately. Note that you have to choose the "Linear" transition to get this result.
Regarding the other parameters of this carousel, you can see that the pagination used here is "dots" (which add these dots at the bottom of the carousel), and that the carousel buttons aren't enabled.

Then, we go to very useful Hikashop functionality. You can define here the dimension of the pictures which will be displayed on your carousel. As you can see in this screenshot, if one of the fields is empty, the other will be automatically calculated. Thanks to that, you don't have to choose a perfect dimension for all your pictures. The layout selected is here a simple image, that explains why the classical informations aren't displayed (price, name...).


One product exposition


 

Here, we decided to highlight products one at a time by having only one product displayed per slide. For that, we set the number of columns to 1 and the number of products per slide to 1. Next, we defined the size of the image to get a large picture of our product, and selected the "Pane" layout (which is a simple presentation of the product).

You can also see that the pagination is here "Name". With this pagination you will get the products name with the slide number before. Note that you can easily modify the CSS class of the product name to get something which match the design of your website. Here is the configuration page . :

Now, go for it and create your own carousel !


The only option we didn't talk about is the "Slide one by one" option. With this option you can have the slider (this option only works with the slide effect) to slide one product at a time (so column by column or line by line if your table is multi-dimensional) or to slide page by page (so sliding 4 by 4 products if you have 4 products on a slide). You should now have all the keys to create your own carousel and display your products with some neat effects.

The number of possibilities offered by the carousel is big, but don't forget that you can also put your carousel everywhere you want on your website because it's a module. That's what we did on this page by putting the modules directly inside this article and with the slider on the left of this page. This last carousel is even more special as it displays categories instead of products (you can choose the item type displayed on the left of the configuration screen). We'll now give you a last tip: If you want to display 4 products and not use the slide "one by one", but you don't have exactly 8, 10 or 12 products, you can limit the number of items in your carousel by using the field "Number of items" and get a perfect result.

 

hikamarket

Adding HIKAMARKET to HikaShop, you will be able to create a multi-vendor website (a marketplace) and manage your shop from the front-end.

HikaMarket is declined in 2 different versions, depending on your needs.

HikaMarket Front-edition to manage all your store from the front-end of your website. Manage products, sales, customers, stocks and discounts... quickly and easily!

HikaMarket multi-vendor to create a real marketplace with several vendors. Manage sales, fees, taxes, different payment and shipment methods for each one of them.

You can compare these versions thanks to our features list.

 

DEMO
What you can see on the front-end !
Vendor control panel

vendor control panelThanks to a menu item of the type " hikamarket / vendor control panel", you can display the vendor account on your website. Each vendor of your marketplace can find here the main information for his own shop on your website : his vendor account, his customers and orders, his categories and products, his discounts but also the main statistics to assess the status of his sales.

DOC FRONT-END

 

 

Vendors listing

vendor listingExactly as a products listing, you can display a list of all the vendors of your website, show their picture and name with different kind of layouts.

You will obtain this page thanks to the menu item type "hikamarket / vendors listing".

DOC FRONT-END

Vendor page

vendor pageThanks to the menu item type "hikamarket / vendor page" you can display a page dedicated to a vendor, with his name, a picture, a description and some custom fields about his company. You can choose to display the "vote and comment" module on this vendor page so that all the users can note the vendors.

DOC FRONT-END

Vendor edition

vendor editionThanks to the menu item type "hikamarket / vendor edition", you can display a configuration page, where the vendor can edit his profile, fill a form to give details about him (name, email, avatar...) and about his company (brand, address, VAT number, description...). He can also add "Terms and Conditions" and manage his users.

DOC FRONT-END

 

 

 

DEMO
What you can test on the back-end !

Through the back-end of this demo website you can access and test all the configuration options of HIkaMarket. Create vendors, associate products to them, manage access levels, try different display options, add custom fields, and take a look at our plugins.

Access now to the HikaMarket back-end

 

HikaShop Filter Module

Filters

Search
Go to top