Hi,
I would like to ask for help.
On my page www.doramu.cz i have technical issue.
When i click product page the thumbnails for picture 2 dissapeared. ![]()
Any idea how to enable it back?
Petr
Hi,
I would like to ask for help.
On my page www.doramu.cz i have technical issue.
When i click product page the thumbnails for picture 2 dissapeared. ![]()
Any idea how to enable it back?
Petr
How did you hide them? I see that your thumbnails have a class of “hide” on them which is keeping them from appearing. You could remove that in product-template.liquid. ctrl + f for “hide” and see if you can’t find it and delete it.
sorry for that issue can you please check your theme setting on product page may allow this Thimbnails enable or disable
Hi thanks a lot for hint - i tried to look for hide in product-template.liquid and there is only this:
"
Im not good with analyzing code in chrome, could you help what to look for perhaps in other HTML codes?
I beleive this behavior started after using one app Product live options…
I would prefer trying to identify rootcause, would not java script slow down the page?
Im newbie ![]()
I found this code in product template liquid - dont understand it much - but it seams that really something else is adding “hide” correct?
“{%- if section.settings.stack_images -%}
{{- nav_item_badge -}}
{%- else -%}
{{- nav_item_badge -}}
{%- endif -%}”
Also in Theme CSS i found this settings:
"
/* Thumbnails */
.Product__SlideshowNavImage {
position: relative;
display: block;
border: 1px solid transparent;
transition: all 0.2s ease-in-out;
cursor: pointer;
}
.Product__SlideshowNavImage:not(:last-child) {
margin-bottom: 18px;
}
.Product__SlideshowNavImage.is-selected {
border-color: var(–heading-color);
}
.Product__SlideshowNavPlay {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: #ffffff;
-webkit-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
}
.Product__SlideshowNavPlay svg {
width: 30px;
height: 30px;
transition: transform 0.2s ease-in-out;
}
/* When the gallery is stack we have various adjusments to do /
.Product__Gallery–stack {
/ On desktop we use a different apparition effect than fade in if images are stacked /
/ Thumbnails */"
and
.Product__Gallery:not(.Product__Gallery–stack).Product__Gallery–withThumbnails .Product__SlideshowNav {
margin: 10px -10px -10px -10px;
text-align: center;
}
.Product__Gallery:not(.Product__Gallery–stack).Product__Gallery–withThumbnails .Product__SlideshowNavImage {
display: inline-block;
width: 70px;
margin: 10px;
vertical-align: top;
}
.Product__Gallery:not(.Product__Gallery–stack).Product__Gallery–withThumbnails .flickity-page-dots {
display: none;
}
not sure if this last none could cause something ![]()
Yeah, the javascript is probably doing it somewhere. I can’t track it down in the console. I might be able to if I can look at your code in the editor, would you mind if I requested access to your themes?
Javascript is actually really lightweight, it just becomes a problem when there’s too much of it. The script that I would write would have no impact on your performance, but it’s still best to find the root cause.
The last one is referring to dots on a slider called “flickity” so I assume it’s just hiding the dots.
Ninthony I would not mind at all
I would be grateful
just sent the request.
Thanks a Ton!
Alright I requested access. You should get an email to approve or deny me.
Approved
thanks a lot sir!
Hi Ninthony,
did you manage to find out anything? ![]()
Petr