Product image layout issue
4 years 5 months ago #341120
by thefbi
“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
Product image layout issue was created by thefbi
-- 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) :
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.
Thanks for help.
-- 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) :
Code:
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
Please Log in or Create an account to join the conversation.
4 years 5 months ago - 4 years 5 months ago #341125
by Philip
Replied by Philip on topic Product image layout issue
Hello,
You can add this css command in your frontend file :
This will unset the inline css height only when your product page is displayed on a 768px wide screen, see this
documentation .
Regards
You can add this css command in your frontend file :
Code:
@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: 4 years 5 months ago by Philip.
Please Log in or Create an account to join the conversation.
4 years 5 months ago #341135
by thefbi
“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
Replied by thefbi on topic Product image layout issue
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 ?
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.
4 years 5 months ago - 4 years 5 months ago #341141
by Philip
Replied by Philip on topic Product image layout issue
Hello,
We have just look on your website, and on a smartphone your display issue seems solved to us :
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
We have just look on your website, and on a smartphone your display issue seems solved to us :
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: 4 years 5 months ago by Philip.
Please Log in or Create an account to join the conversation.
4 years 5 months ago #341146
by thefbi
“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
Replied by thefbi on topic Product image layout issue
OK, thank you. Yes, it work now.
I open a new post.
Regards
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.291 seconds