Image as Title of the product

Start
Prev
1
Next
End

Rejouisens
Topic Author
Offline

Posts: 22
Thank you received: 2
Hikashop Essential

2 months 1 week ago #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?

Last edit: 2 months 1 week ago by Philip.

Please Log in or Create an account to join the conversation.

Philip
Away

Posts: 4747
Thank you received: 644
MODERATOR

2 months 1 week ago #363175

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 :

3. Perform an override view, in your show_default view
=> Have a look on our tutorial to learn more about HikaShop override system.

In details, you have to hide your regular title (name block), and copy/paste :

<?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 ).
Regards

Last edit: 2 months 1 week ago by Philip.

Please Log in or Create an account to join the conversation.

Rejouisens
Topic Author
Offline

Posts: 22
Thank you received: 2
Hikashop Essential

2 months 1 week ago #363214

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 or Create an account to join the conversation.