On hover display content

  • Posts: 50
  • Thank you received: 0
9 years 6 months ago #233105

-- url of the page with the problem -- : whitepepperhomewares.com/index.php/shop
-- HikaShop version -- : HikaShop Starter 2.6.1
-- Joomla version -- : Joomla! 3.4.8
-- PHP version -- : 3.5
-- Browser(s) name and version -- : mozilla nightly 48.0a1

Hello, I will be upgrading to Hikashop Business soon but before I do I need to get the starter version looking like how I want the full version to look or I will abandoned the project. I am hoping to be able to have the product listing to work so that when I hover over the image a window opens over the top of it and displays the price and product description. Is this possible and if so what is the best way to go about it. Thanks.

username:guest
password:guest

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

  • Posts: 84307
  • Thank you received: 13701
  • MODERATOR
9 years 6 months ago #233109

Hi,

Edit your menu item via the Joomla menu manager, and under the "product options" tab, change the "layout type" setting to "vertical slider" and set a pane height of 50 for example, and a transition of 300.
That should give you such effect.
The layout type "vertical slider" is only available with the Business edition of HikaShop.

You can see an example of that on this page:
demo.hikashop.com/index.php/en/hikashop/...display-with-effects
with the 'Three products in a fade' section.

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

  • Posts: 50
  • Thank you received: 0
9 years 6 months ago #233306

Hello Nicolas,

Thank you for the reply. Unfortunately this is not the look that I was looking for. I would like to have product image cover the entire container underneath it which I am working on. But instead of another panel sliding in from the left or right I would like it to appear similar to a modal window over the top of the container and display the description and also the price. I do have a url that can be used as a comparison but I am told that I should not post urls in here so I can only describe this all to you. I am currently using the Business version but I need to renew. I will do so once I have achieved the look I am trying to achieve.

Thanks

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

  • Posts: 84307
  • Thank you received: 13701
  • MODERATOR
9 years 6 months ago #233315

Hi,

To have a popup when clicking on the image, you'll have to modify the code of the view.
We have a few threads already on that aspect on the forum:
www.hikashop.com/forum/4-how-to/49351-sh...r.html?lang=en#49421
www.hikashop.com/forum/4-how-to/79391-li...page-navigation.html

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

  • Posts: 50
  • Thank you received: 0
9 years 6 months ago #233379

Hello Nicolas, I don't believe that this is the answer. The solutions I saw simply provide a modal window of the product image. I am looking to have the product price and product description display over the top of the image after fading in. Here is an example of what I mean:
www.rawluxeinteriors.com/

Thanks

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

  • Posts: 84307
  • Thank you received: 13701
  • MODERATOR
9 years 6 months ago #233380

Hi,

For the fading effect onhover on the image, you'll want to edit the file "listing_img_title" and add such effect.
You can easily do that in javascript using jquery: www.w3schools.com/jquery/jquery_fade.asp on the different elements of the HTML if you're a developer.

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

  • Posts: 50
  • Thank you received: 0
9 years 6 months ago #233433

HI Nicolas,

Thank you once again for your support. I am a developer so I will be able to do this in JQuery, I just didnt know which file I should be editing but its all good now. Im starting to find my way around Hikashops back end. I will be purchasing another business license on Monday and will leave feedback in Joomla.

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

  • Posts: 50
  • Thank you received: 0
9 years 6 months ago #233434

Hello, I am sorry for being so much trouble but do I need to add my script to the product view or category view because I just looked in the product view area and could not find anything for the product description. Don't worry, I wont bother you after I get all of this sorted out and you will soon have your money.

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

  • Posts: 84307
  • Thank you received: 13701
  • MODERATOR
9 years 6 months ago #233446

Hi,

The product description isn't displayed by default in listing_img_title so it's normal that you don't see any code about that there.
But you can easily add such code as the data is already loaded.
Just use such code:
<?php echo $this->row->product_description; ?>

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

Time to create page: 0.069 seconds
Powered by Kunena Forum