Adding payment icons to product page layout

  • Posts: 65
  • Thank you received: 4
9 years 5 months ago #236041

-- url of the page with the problem -- : mausfish.com/shop-online/mouse
-- HikaShop version -- : 2.6.1
-- Joomla version -- : 3.4.8
-- PHP version -- : 5.4.43
-- Browser(s) name and version -- : Mozilla Firefox 45.0.1

Hello,
I need to change the product page layout by adding some images, to be specific I need to add the papal, visa and master card icons near the product page. I will attach a screenshot so anyone can understand this easily.
Can anyone help me on this? Which files should I edit, and please give some instructions.

Thanks

Attachments:
Last edit: 9 years 4 months ago by dilum_tharaka.

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

  • Posts: 84307
  • Thank you received: 13701
  • MODERATOR
9 years 5 months ago #236053

Hi,

You could edit the file "quantity" via the menu Display>Views and add your code at the bottom of the file. It would display just under the add to cart button area.

www.hikashop.com/support/documentation/1...ize-the-display.html

The following user(s) said Thank You: dilum_tharaka

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

  • Posts: 65
  • Thank you received: 4
9 years 5 months ago #236359

Thanks for replying Nicolas, I really appreciate the support.

Can you please give me a sample code, to add custom images like payment icons.
Thanks

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

  • Posts: 84307
  • Thank you received: 13701
  • MODERATOR
9 years 5 months ago #236362

Well, it's simple HTML code.
Like that for example:

<img src="https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar37297.jpg"/>

The following user(s) said Thank You: dilum_tharaka

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

  • Posts: 65
  • Thank you received: 4
9 years 5 months ago #236465

Thanks Nicolas, it works.
Where can I find the quantity.js file (Please give a path), because I need to backup the original file.
thanks

Last edit: 9 years 5 months ago by dilum_tharaka.

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

  • Posts: 84307
  • Thank you received: 13701
  • MODERATOR
9 years 5 months ago #236492

Hi,

There is no quantity.js file in HikaShop.
You must be talking about the quantity.php file of the product view. You can find it in the folder components/com_hikashop/views/product/tmpl/

The following user(s) said Thank You: dilum_tharaka

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

  • Posts: 65
  • Thank you received: 4
9 years 5 months ago #236646

Yes you're right Nicolas. It's quantity.php file. I found it, but the changes I did are not saved to that file. Why is that?

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

  • Posts: 12953
  • Thank you received: 1778
9 years 5 months ago #236654

Hello,
Because it's the original file (without any customization), when you edit a file of the "product" view via "Hikashop->Display->Views", that file will be saved via "templates\YOURTEMPLATE\html\com_hikashop\product".

The following user(s) said Thank You: dilum_tharaka

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

  • Posts: 65
  • Thank you received: 4
9 years 5 months ago #236804

Ahhh, Thank you Mohamed. Didn't think of that.

One more thing, How can I add the add to cart button inside the product characteristic selection. (Please see the screenshot).
Screenshot: joxi.ru/a2XaE4JHyKevKA

Live url: mausfish.com/shop-online/squirrel

Thanks

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

  • Posts: 13201
  • Thank you received: 2322
9 years 5 months ago #236833

Hi,

The best will be to edit the view "product / show_default" and add a div around the characteristics and the quantity code.
Then add css to have the desired display.

Here is a complete tutorial for this kind of requests:
www.hikashop.com/support/documentation/1...ize-the-display.html

ps: customizations are not supported in the forum context ;)

The following user(s) said Thank You: dilum_tharaka

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

  • Posts: 65
  • Thank you received: 4
9 years 5 months ago #236951

Hello, thanks for replying.
Edited the file. :)

Last edit: 9 years 5 months ago by dilum_tharaka.

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

Time to create page: 0.091 seconds
Powered by Kunena Forum