[Skip to main content](#vessel-content) # Product Display to Look like the demo ## - **[agosai](/forum/user/34298-agosai "View agosai's Profile")** - [![agosai's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/gallery/origami.png)](/forum/user/34298-agosai "View agosai's Profile") Topic Author - [ Offline](/forum/user/34298-agosai) Less More - Posts: 6 - Thank you received: 0 - - - - 11 years 6 months ago [\#199908](#199908) by [agosai](/forum/user/34298-agosai "View agosai's Profile") *[Product Display to Look like the demo](/forum/26-product-category-display/876618-product-display-to-look-like-the-demo#199908 "-- HikaShop version -- : HikaShop Starter 2.4.0, Joomla!® Online Shop System -- Joomla version -- : Joomla! 3.4.1 -- PHP version -- : 5.3.29 -- Browser(s) name and version -- : Chrome -- Error-message(debug-mod must be tuned on) -- : Hello, How do I make the product display to look like your demo (See attached picture) Hello, How do I make the product display to look like your demo (See attached picture) Also probably change the background color of it as well please. I couldn't find any documentation on it.")* was created by *[agosai](/forum/user/34298-agosai "View agosai's Profile")* -- HikaShop version -- : HikaShop Starter 2.4.0, Joomla!® Online Shop System -- Joomla version -- : Joomla! 3.4.1 -- PHP version -- : 5.3.29 -- Browser(s) name and version -- : Chrome -- Error-message(debug-mod must be tuned on) -- : Hello, How do I make the product display to look like your demo (See attached picture) Hello, How do I make the product display to look like your demo (See attached picture) Also probably change the background color of it as well please. I couldn't find any documentation on it. - [ ![ProductDisplayHikaShopDemo.png](/forum/attachment/24071) ](/forum/attachment/24071 "...kaShopDemo.png") [ ](/forum/attachment/24071?download=1 "...kaShopDemo.png") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzY2MTgtcHJvZHVjdC1kaXNwbGF5LXRvLWxvb2stbGlrZS10aGUtZGVtbz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86290 - Thank you received: 14268 - - 11 years 6 months ago [\#199915](#199915) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Product Display to Look like the demo](/forum/26-product-category-display/876618-product-display-to-look-like-the-demo#199915 "-- HikaShop version -- : HikaShop Starter 2.4.0, Joomla!® Online Shop System -- Joomla version -- : Joomla! 3.4.1 -- PHP version -- : 5.3.29 -- Browser(s) name and version -- : Chrome -- Error-message(debug-mod must be tuned on) -- : Hello, How do I make the product display to look like your demo (See attached picture) Hello, How do I make the product display to look like your demo (See attached picture) Also probably change the background color of it as well please. I couldn't find any documentation on it.")* Hi, Layout-wise, our demo website uses the default display of HikaShop. Then, the joomla template we use on our demo website styles the buttons and some of the elements on the page with CSS. You can look at the CSS used on the demo website and add it on your website if you want. [ www.hikashop.com/support/support/documen...ize-the-display.html](http://www.hikashop.com/support/support/documentation/153-customize-the-display.html) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzY2MTgtcHJvZHVjdC1kaXNwbGF5LXRvLWxvb2stbGlrZS10aGUtZGVtbz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[lionel75](/forum/user/11856-lionel75 "View lionel75's Profile")** - [![lionel75's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/11856-lionel75 "View lionel75's Profile") - [ Offline](/forum/user/11856-lionel75) Less More - Posts: 846 - Thank you received: 92 - - 11 years 6 months ago - 11 years 6 months ago [\#199950](#199950) by [lionel75](/forum/user/11856-lionel75 "View lionel75's Profile") Replied by *[lionel75](/forum/user/11856-lionel75 "View lionel75's Profile")* on topic *[Product Display to Look like the demo](/forum/26-product-category-display/876618-product-display-to-look-like-the-demo#199950 "-- HikaShop version -- : HikaShop Starter 2.4.0, Joomla!® Online Shop System -- Joomla version -- : Joomla! 3.4.1 -- PHP version -- : 5.3.29 -- Browser(s) name and version -- : Chrome -- Error-message(debug-mod must be tuned on) -- : Hello, How do I make the product display to look like your demo (See attached picture) Hello, How do I make the product display to look like your demo (See attached picture) Also probably change the background color of it as well please. I couldn't find any documentation on it.")* what area of the hsk demo product layout of [ pink-sandals](http://demo.hikashop.com/index.php/en/hikashop/categories-listing/display-in-div-div/product/1-pink-sandals) do you like ? -controler in/de crement widget ? -css use bootstrap 2.3.2 => layout + responsive -javascript use mootool and jquery and raw javascript ( hks ? ) . -jsn glass pro from Joomshine available as a [ bundle with hikashop](http://www.hikashop.com/template-pack/product.html) => color style look and feel Joomshine template [ give access to the psd](http://www.joomlashine.com/joomla-templates/jsn-glass-joomla-template-details.html) file for pay subscription so a way to learn from pro psd to boostrap. many raster sprite but no vector font icon only text roboto regular using last format [ woff2](https://gist.github.com/sergejmueller/cf6b4f2133bcb3e2f64a) ( [ caniuse](http://caniuse.com/#feat=woff2)) ? !! #### Attachment not found Last edit: 11 years 6 months ago by [lionel75](/forum/user/11856-lionel75 "View lionel75's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzY2MTgtcHJvZHVjdC1kaXNwbGF5LXRvLWxvb2stbGlrZS10aGUtZGVtbz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop- Install & Update- Product & Category Display- Content Creation- Sales and Orders- - Orders management- - Reports & Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import & Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel & Slider- - Mass Actions- - Filters & Search- - Discount & Coupon- - Feature Request- Integrations- Showcase- General Talk about HikaShop- Development- - HikaShop 3.0 Beta- Translation- Commercial Jobs HikaShop Components- HikaMarket- - Market: Feature requests- - Market: How to?- - Market: Bug Report- HikaSerial- - General talk about HikaSerial- - Serial: Bug Report- - Serial: How to?- - Support en Français de HikaSerial (French Support)- - HikaSubscription- HikaAuction- - Auction: Feature requests- - Auction: How to?- - Auction: Bug report Hikashop around the world- Support en Français (French Support)- Russian- - FAQ. Курс выживания с Hikashop. Частые вопросы и о- - Расширения Hikashop- - Наши сайты на Hikashop- 日本語版サポート(Japanese Support)- Thai- German Archives- Bug Report- How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.128 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)