Name under productimage at onhover fade effect

  • Posts: 598
  • Thank you received: 23
  • Hikaserial Subscription Hikashop Multisite
9 years 3 months ago #241197

-- HikaShop version -- : 2.6.3
-- Joomla version -- : 3.5.1
-- PHP version -- : 5.6

Hi Hikashop team,

I have a question. ;-)
How can I get a name under the product image when we use the onhover fade effect for the product image?
Sometime the picture doesn't say enough. So we would like a title under the picture.

Hope you can put me into the right position how to fix this with a little code.

Kind regards,
Lumiga

Kind regards,
Lumiga
Attachments:

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

  • Posts: 4820
  • Thank you received: 654
  • MODERATOR
9 years 3 months ago #241211

Hello,

In order to help you can you tell us where are displayed your images ? In product page or listing page ?

Awaiting news from you.

Regards.

Last edit: 9 years 3 months ago by Philip.

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

  • Posts: 598
  • Thank you received: 23
  • Hikaserial Subscription Hikashop Multisite
9 years 3 months ago #241406

Hi Philip,

I don't know what you mean.

You can see the link over here:

Part of the message is hidden for the guests. Please log in or register to see it.


Hope that gave you enough information.

Kind regards,
Lumiga

Kind regards,
Lumiga
Last edit: 9 years 3 months ago by Lumiga.

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

  • Posts: 84313
  • Thank you received: 13702
  • MODERATOR
9 years 3 months ago #241414

Hi,

You would have to add such code:

<?php echo $this->row->product_name; ?>
before the code:
</div>
		<!-- EO PRODUCT IMG -->
in the file "listing_fade" of the view "product" via the menu Display>Views.

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

  • Posts: 598
  • Thank you received: 23
  • Hikaserial Subscription Hikashop Multisite
9 years 3 months ago #241490

Hi Nicolas,

I placed the code (see image) but I don't see the title under the product image.

For clarity, we want to see the name under the product image (like the layout type: image and title) before we use the onhover effect.
It doesn't matter that name again is presented after the onhover effect.

I hope you will take a look again.

Kind regards,
Lumiga

Kind regards,
Lumiga
Attachments:
Last edit: 9 years 3 months ago by Lumiga.

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

  • Posts: 84313
  • Thank you received: 13702
  • MODERATOR
9 years 3 months ago #241501

Hi,

Then either you're using another view file than "listing_fade" (how did you configure the settings of your products listing ?), or you edited the view file for another template than the template you're using on your frontend.

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

  • Posts: 598
  • Thank you received: 23
  • Hikaserial Subscription Hikashop Multisite
9 years 3 months ago #241580

Hi Nicolas,

I have set the menu-item to Categories listing and on the tab Product Options I have set the Item Layout to Fade.
I have no other templates available.

See screenshots of my settings.














Kind regards,
Lumiga
Attachments:

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

  • Posts: 13201
  • Thank you received: 2322
9 years 3 months ago #241594

Hi,

The modification is working fine, the only thing is that the image div height is twice the image height to allow the fade effect.
So you have to add css rules to put the product name up. Or put the product name before the image.

The following user(s) said Thank You: Lumiga

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

  • Posts: 598
  • Thank you received: 23
  • Hikaserial Subscription Hikashop Multisite
9 years 3 months ago #241627

Oké thank you!

Kind regards,
Lumiga

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

Time to create page: 0.111 seconds
Powered by Kunena Forum