Product image visible in categories, but switch off on product page

  • Posts: 20
  • Thank you received: 0
  • Hikashop Business
3 years 9 months ago #332961

-- HikaShop version -- : 4.4.2
-- Joomla version -- : 3.9.27
-- PHP version -- : 7.3.27

Hi

I would like to keep the product images on the category pages, along with the description, but is it possible to then switch off the product thumbnail on the product page itself?
If this is possible, is there a way to include the price and add-to-cart button into the Joomla description content of the product as per the attached image?

Thank you

Attachments:

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

  • Posts: 83403
  • Thank you received: 13497
  • MODERATOR
3 years 9 months ago #332963

Hi,

I'm not clear on your situation or what you mean so hard to say.
You said "keep the product images on the category pages". So do you mean that you already have the images on the category pages and you don't want them to be removed ? Or you don't and you're asking how to add them ? In that second case, do you mean that you don't have any product image at all on the category page ? Or that you have only the main one and you would like the others too ?
Then you said "switch off the product thumbnail on the product page". Are you talking about only the small thumbnails below the main thumbnail ? Or all of them including the main thumbnail ? Or maybe something else ?
Finally, you're asking about having the price and add to cart buttons on the right side of the product page on top of the description.
The price and the add to cart buttons should already be by default on the right side on the product page. The description should normally be on the bottom, not in the right side, but I know that some templates comes with the description on the right side.
Also, in your previous point, you were talking about removing the thumbnail fromt here, but I can see the small thumbnails and the main one on the screenshot you propose as what you want. So I'm confused. Or maybe that's the result you would like on the category page ?

Sorry to come back to one with more questions than answers but we first need to understand precisely your situation and what you want before we can if it is possible and propose solutions.

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

  • Posts: 20
  • Thank you received: 0
  • Hikashop Business
3 years 9 months ago #332972

Hi Nicolas

Thank you for your reply and sorry that I was not clear.

I am busy designing a new website and shop and want to suggest a certain look to my client, but I want to make sure it is possible before doing so.

I am using the back-end from a previous HikaShop site to try to identify if I can do this, but have been unable to achieve the result so far, hence my question to you.

So, I would like to have all the category pages display the product thumbnail images along with their name. (This is no problem as it is switched on in the Joomla menu).

On the product page itself, I do not want the product thumbnail to appear alongside the price - is it possible if the category shows the thumbnail?

What you see in the image I uploaded is a design mockup, where the images on the left are actually a 3rd party image slider, not HikaShop thumbnail images. (I have not seen this kind of carasol / slideshow functionality in HikaShop Essential version, but if it is possible, please let me know how to activate as this will solve my problem!).

So if there is no carasol functionality in HikaShop, I only want the product's price and an add-to-cart button to appear on the product page (no thumbnail) but, instead of the price and add-to-cart appearing at the top of the page (as I think is the default location), I was wondering if it could appear within the body of the description text for the product as shown.

Regards
Greg

Last edit: 3 years 9 months ago by TwoFatFingers.

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

  • Posts: 83403
  • Thank you received: 13497
  • MODERATOR
3 years 9 months ago #332999

Hi,

If you want to hide the image on the product page, it's possible with a bit of CSS. For example:
.hikashop_product_image_main{ display: none; }
Such CSS can be added to your template or in HikaShop. Here is some documentation about that:
www.hikashop.com/support/documentation/6...r-documentation.html

You're talking about an "image slider". By default, if you have several images added to your product, HikaShop will display all the thumbnails and you can switch between them by hovering on them. The look is a bit different from your image as they display below the main image instead of being on the left side, but that could be changed with CSS code.
I'm not sure if that's enough for what you need or not. If you need something more dynamic, I would recommend www.magictoolbox.com/hikashop/

I'm not sure what you mean by "as shown" in "I was wondering if it could appear within the body of the description text for the product as shown". Because on your image, the add to cart and price ARE at the top of the description text, and not within. So where did you show what you want ? Or maybe you're talking about something else and I didn't understand.
There is no option to have the add to cart and price in the middle of the description text.
However, what you can do is create a custom field of the table "product" to add one piece of the description and only leave the other piece in the description. Then, you can edit the show_default view file via the menu Display>Views and move the code of the price and add to cart areas between the custom product field and the description. This will require some PHP knowledge, and probably extra CSS code too.

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

  • Posts: 20
  • Thank you received: 0
  • Hikashop Business
3 years 9 months ago #333059

Thank you Nicolas!
I will try out what you have suggested.

FYI, I was not notified of your reply.

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

Time to create page: 0.060 seconds
Powered by Kunena Forum