Add custom icon before add to cart text

I would like to add the fontawesome icon-shopping-cart before add to cart text using for example <span class="icon-shopping-cart"></span> but i do not know where to insert it.
In wich view and where should i insert the code, thank you

Hi,
You'll just have to :
- Go to "Hikashop->Display->Views"
- Edit the "Cart" file of the "Product" view of your front-end template
- Add your image at the beginning of the file :

I´ve already tried this, first line defined('_JEXEC') or die('Restricted access');
?><span class="icon-cart"></span>
and the button shows in the cart or mini cart
where i want it to be displayed is in the buttom add to cart in the product listing

Ok, so you'll just have to edit the "add_to_cart_listing" file of your "product" view of your front-end template via "Hikashop->Display->Views", and add you image at the end of the file.

in that case the icon is placed just after the button add to cart and i want it just before the text add to cart

Hi,

So you have to place the desired code earlier in that view to have if before the button

I´m unable to find it all is php generated and dont have any idea in how to inser a <span> before the add to cart text and where it is.

I don't think that you should edit any code for that.
Simply ass a translation override like that:
ADD_TO_CART="<span class='icon-cart'></span>Add to cart"

www.hikashop.com/download/languages.html#modify

That was the first thing ive tried but perhaps i wrote it wrong going to try again. Thanks

it does not work, it displays <span class="uk-icon-cart"></span>

Please make sure that you use simple quotes for the attributes of your HTML like I did in my example as double quotes are reserved for translation text delimitation.

Im sure i copy paste you code what i wrote before it is what the page displays

Please provide a screenshot of your modification and a link to the page with the button.

here are the screenshots

It's probably because you're using a button and not a link for the buttons.
So if you change the "Button display method" option in the configuration, it should work fine.

Otherwise, you would have to change the line:
echo $this->cart->displayButton(JText::_('ADD_TO_CART'),'add',$this->params,$url,$this->ajax,'',$max,$min);
like that:
echo $this->cart->displayButton(JText::_('ADD_TO_CART'),'add',$this->params,$url,$this->ajax,'',$max,$min,'icon-cart');
in the file "quantity" via the menu Display>views in order to add the class directly to the submit button.

Hi, I would like to bring up this subject again...

I have followed the instructions above... I want to add the font-awesome icon: <i class="fa fa-plus-square"></i> to before the "add to cart" button.

I added <i class="fa fa-plus-square"></i> to the language file to no avail.

Then I edited the view "quantity" changing:

echo $this->cart->displayButton(JText::_('ADD_TO_CART'),'add',$this->params,$url,$this->ajax,'',$max,$min);

To...

echo $this->cart->displayButton(JText::_('ADD_TO_CART'),'add',$this->params,$url,$this->ajax,'',$max,$min,'fa-plus-square');
in the file "quantity" via the menu Display>views in order to add the class directly to the submit button.

And this did not help either.

Any thoughts?

Hi,

The second solution can't work because the class must be between "<i> ... </i>" html tags.

Then for the translation override, is the code displayed in the view ?
If it is, so it must maybe not be placed in a <a> tag, or you don't have the files displaying the icon loaded on your website.