Product image layout issue

  • Posts: 363
  • Thank you received: 28
  • Hikashop Multisite
2 years 10 months ago #341120

-- HikaShop version -- : 4.5.1
-- Joomla version -- : 4.1.2
-- PHP version -- : 8.0

Hi,
I have a problem with the image layout.
First of all, to make the thumbnail work, i have to put this code in my template css (but i thing it is related to my template because with Cassiopeia it work) :

div#hikashop_small_image_div {
   display: inline-flex !important;
}

Second problem, when go to mobile view, i have a big space between the main image and thumbnail.
How can i delete this space ?



The site is under construction. It is locked but you can find credentials below.

This message contains confidential information


Thanks for help.

“Si tu ne travaille pas pour tes rêves, quelqu'un t'embauchera pour travailler pour les siens" - Steeve Jobs
"La sagesse, c’est d’avoir des rêves suffisamment grands pour ne pas les perdre de vue quand on les poursuit." - Oscar Wilde
Attachments:

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

  • Posts: 4816
  • Thank you received: 654
  • MODERATOR
2 years 10 months ago #341125

Hello,

You can add this css command in your frontend file :

@media (max-width:768px) {
    div#hikashop_image_main_thumb_div, 
    .hikashop_product_main_image {
        height: unset !important;
    }
}

This will unset the inline css height only when your product page is displayed on a 768px wide screen, see this
documentation .

Regards

Last edit: 2 years 10 months ago by Philip.

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

  • Posts: 363
  • Thank you received: 28
  • Hikashop Multisite
2 years 10 months ago #341135

Thank you, but it dos not work. I have put the code in my css template custom.

Ans i have another problem, i dont understand why, the cart dos not refresh when i add a product to cart. Strange is with my test site last days was working, and in this new site, dos not work. Is there a config i miss ?

“Si tu ne travaille pas pour tes rêves, quelqu'un t'embauchera pour travailler pour les siens" - Steeve Jobs
"La sagesse, c’est d’avoir des rêves suffisamment grands pour ne pas les perdre de vue quand on les poursuit." - Oscar Wilde

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

  • Posts: 4816
  • Thank you received: 654
  • MODERATOR
2 years 10 months ago #341141

Hello,

We have just look on your website, and on a smartphone your display issue seems solved to us :

alt


For the other issue, in order to keep the forum clear and usable by all, can you create a new topic please ?
We want to keep this logic, a problem a subject with the most precise title as to the problem.

In your new topic, please provide this elements in order to be able to quickly progress on your new issue
- An Url link where we can experience your current issue
- A detailed step by step in order to be sure to reproduce your issue on your website (for now)

Awaiting your returns.
Regards

Last edit: 2 years 10 months ago by Philip.

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

  • Posts: 363
  • Thank you received: 28
  • Hikashop Multisite
2 years 10 months ago #341146

OK, thank you. Yes, it work now.
I open a new post.
Regards

“Si tu ne travaille pas pour tes rêves, quelqu'un t'embauchera pour travailler pour les siens" - Steeve Jobs
"La sagesse, c’est d’avoir des rêves suffisamment grands pour ne pas les perdre de vue quand on les poursuit." - Oscar Wilde
The following user(s) said Thank You: Philip

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

Time to create page: 0.060 seconds
Powered by Kunena Forum