[Skip to main content](#vessel-content) # Image as Title of the product ## - **[Rejouisens](/forum/user/82752-rejouisens "View Rejouisens's Profile")** - [![Rejouisens's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/82752-rejouisens "View Rejouisens's Profile") Topic Author - [ Offline](/forum/user/82752-rejouisens) Less More - Posts: 31 - Thank you received: 4 - - 2 years 1 month ago - 2 years 1 month ago [\#363169](#363169) by [Rejouisens](/forum/user/82752-rejouisens "View Rejouisens's Profile") *[Image as Title of the product](/forum/25-install-update/908611-image-as-title-of-the-product#363169 "Hello, New to hikashop essantial and coming from easystore, I try to customize the product page. What I would like to do is to have an svg in place of the title of the product as you can see on the page in hidden. Aile is an svg, it is not a font. Would there be a way to achieve that with a custom field or I don't know?")* was created by *[Rejouisens](/forum/user/82752-rejouisens "View Rejouisens's Profile")* Hello, New to hikashop essantial and coming from easystore, I try to customize the product page. What I would like to do is to have an svg in place of the title of the product as you can see on the page in hidden. Aile is an svg, it is not a font. Would there be a way to achieve that with a custom field or I don't know? Last edit: 2 years 1 month ago by [Philip](/forum/user/34318-philip "View Philip's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2luc3RhbGwtdXBkYXRlLzkwODYxMS1pbWFnZS1hcy10aXRsZS1vZi10aGUtcHJvZHVjdD90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[Philip](/forum/user/34318-philip "View Philip's Profile")** - [![Philip's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar34318_2015-11-18-2.png)](/forum/user/34318-philip "View Philip's Profile") - [ Offline](/forum/user/34318-philip) Less More - Posts: 4820 - Thank you received: 654 - - 2 years 1 month ago - 2 years 1 month ago [\#363175](#363175) by [Philip](/forum/user/34318-philip "View Philip's Profile") Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[Image as Title of the product](/forum/25-install-update/908611-image-as-title-of-the-product#363175 "Hello, New to hikashop essantial and coming from easystore, I try to customize the product page. What I would like to do is to have an svg in place of the title of the product as you can see on the page in hidden. Aile is an svg, it is not a font. Would there be a way to achieve that with a custom field or I don't know?")* Hello, Using a custom field can be your solution, but you will have to add some view override and maybe Css to adjust this, follow me step by step : **1.** Configurez votre custom Field, à partir de : **Components** => **HikaShop** => **Configuration** Then, **Display** dropdown => **Custom fields** **2.** Create a **new custom field**, by clicking "**New**", and reproduce part of this configuration : [ ![alt](https://i.ibb.co/kDSmXHT/image.png) ](https://i.ibb.co/kDSmXHT/image.png "alt") **3.** Perform an **override view**, in your **show\_default** view **=>** Have a look on our **[ tutorial](https://www.hikashop.com/support/documentation/153-customize-the-display.html#layout)** to learn more about HikaShop **override system**. In details, you have to hide your regular title (***name*** block), and copy/paste : Code: <?php $fieldClass = hikashop_get('class.field'); $field = $fieldClass->getField('xxx', 'product'); echo $fieldClass->show($field,$this->element->xxx); ?> Where ***XXX*** is your custom field **column name** (in my screenshot it's "***image\_title***". Maybe some Css can be needed to adjust the display (**[ documentation](https://www.hikashop.com/support/documentation/272-hikashop-display-by-color.html#custom)**). Regards Last edit: 2 years 1 month ago by [Philip](/forum/user/34318-philip "View Philip's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2luc3RhbGwtdXBkYXRlLzkwODYxMS1pbWFnZS1hcy10aXRsZS1vZi10aGUtcHJvZHVjdD90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[Rejouisens](/forum/user/82752-rejouisens "View Rejouisens's Profile")** - [![Rejouisens's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/82752-rejouisens "View Rejouisens's Profile") Topic Author - [ Offline](/forum/user/82752-rejouisens) Less More - Posts: 31 - Thank you received: 4 - - 2 years 1 month ago [\#363214](#363214) by [Rejouisens](/forum/user/82752-rejouisens "View Rejouisens's Profile") Replied by *[Rejouisens](/forum/user/82752-rejouisens "View Rejouisens's Profile")* on topic *[Image as Title of the product](/forum/25-install-update/908611-image-as-title-of-the-product#363214 "Hello, New to hikashop essantial and coming from easystore, I try to customize the product page. What I would like to do is to have an svg in place of the title of the product as you can see on the page in hidden. Aile is an svg, it is not a font. Would there be a way to achieve that with a custom field or I don't know?")* Thank you!!! This was a great tuto. Now, I now howw to integrate custom fields. The only thing is that in field type, I don't have ajax image but it's ok, I put a text field. I just enter in the text <img src... and it's fine. Thank you again Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2luc3RhbGwtdXBkYXRlLzkwODYxMS1pbWFnZS1hcy10aXRsZS1vZi10aGUtcHJvZHVjdD90bXBsPW1hcmtkb3du) or [Create an account](/register) 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?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86323 - Thank you received: 14283 - - 2 years 1 month ago [\#363217](#363217) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Image as Title of the product](/forum/25-install-update/908611-image-as-title-of-the-product#363217 "Hello, New to hikashop essantial and coming from easystore, I try to customize the product page. What I would like to do is to have an svg in place of the title of the product as you can see on the page in hidden. Aile is an svg, it is not a font. Would there be a way to achieve that with a custom field or I don't know?")* Hi, Ah yes. The AJAX image type is only available with HikaShop Business. You would have to upgrade to use it. The following user(s) said Thank You: [Rejouisens](/forum/user/82752-rejouisens "View Rejouisens's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2luc3RhbGwtdXBkYXRlLzkwODYxMS1pbWFnZS1hcy10aXRsZS1vZi10aGUtcHJvZHVjdD90bXBsPW1hcmtkb3du) or [Create an account](/register) 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.091 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)