- Posts: 217
- Thank you received: 4
Product detail - change thumbnails position
- FilipHradil
-
Topic Author
- Offline
Less
More
11 years 7 months ago #190661
by FilipHradil
Product detail - change thumbnails position was created by FilipHradil
-- HikaShop version -- : 2.3.5
Hello friends,
I would like to move thumbnails in product detail from left part to right. I would like to have thumbnails under button Add to cart.
Please see attachment
Could anybody help me?
Thanks in advance
Filip
Hello friends,
I would like to move thumbnails in product detail from left part to right. I would like to have thumbnails under button Add to cart.
Please see attachment
Could anybody help me?
Thanks in advance
Filip
Please Log in or Create an account to join the conversation.
11 years 7 months ago #190688
by nicolas
Replied by nicolas on topic Product detail - change thumbnails position
Hi,
You can add some CSS to the frontend CSS file of HikaShop in order to do that.
For example:
www.hikashop.com/support/support/documen...ize-the-display.html
You can add some CSS to the frontend CSS file of HikaShop in order to do that.
For example:
Code:
#hikashop_small_image_div{
position: relative;
left: 500px;
top: -250px;
}
Please Log in or Create an account to join the conversation.
- FilipHradil
-
Topic Author
- Offline
Less
More
- Posts: 217
- Thank you received: 4
11 years 7 months ago #190694
by FilipHradil
Replied by FilipHradil on topic Product detail - change thumbnails position
Thank you but it makes trouble in lower resolutions - my website is responsive
Is there any other solution?
Thank you
Is there any other solution?
Thank you
Please Log in or Create an account to join the conversation.
11 years 7 months ago #190699
by nicolas
Replied by nicolas on topic Product detail - change thumbnails position
Just add more CSS to handle lower resolutions then.
For example, something like this:
@media (max-width: 800px){
.hikashop_product_main_image_thumb, .hikashop_product_main_image {
position: auto !important;
left: 0px !important;
top: 0px !important;
}
}
For example, something like this:
@media (max-width: 800px){
.hikashop_product_main_image_thumb, .hikashop_product_main_image {
position: auto !important;
left: 0px !important;
top: 0px !important;
}
}
Please Log in or Create an account to join the conversation.
- FilipHradil
-
Topic Author
- Offline
Less
More
- Posts: 217
- Thank you received: 4
11 years 7 months ago #190804
by FilipHradil
Replied by FilipHradil on topic Product detail - change thumbnails position
Thank you very much, works great!
Please Log in or Create an account to join the conversation.
Time to create page: 0.172 seconds