Return to previous page

A few issues – product gallery and clear button

This topic has 2 replies, 2 voices, and was last updated 1 weeks, 6 days ago ago by Rose Tyler

Dave6641

Participant

April 27, 2024 at 23:49

Hello 8Theme,
still creating my first eshop with this amazing theme and so far so good… 🙂

Anyway need a bit help:
1. Important issue with the product gallery. I want to have the thumbnails bottom. This type is properly selected in the Product Image, but after saved changes, clear all caches, the thumbnails are still inside of the main image. What I do wrongly?

2. Would be possible to somehow break the line for the “clear” button for the variation product? I can see in the Google Chrome Developer Console that the “clear” button is written like this:
<a class="reset_variations" href="#" style="visibility: visible;">Clear</a>
and if i just put a line break in front of it, the result is perfect (just a bit css tweaking but I can manage), so the result should look like this:
<br><a class="reset_variations" href="#" style="visibility: visible;">Clear</a>
Problem is that I have no idea where to put the (br)?

3. If would be possible to break to the next line also the label of the variation that would be perfect, but here i’m lost.
<label for="pa_typ" data-swatch-name="Dřevo">Typ</label>
I would like to have the selected variation on the next line
So the result should look like this:
Typ
Dřevo

Link to the webpage is in the private area together with the temporary admin account.

Thank you a lot for your help, David

Please, contact administrator
for this information.

#393214 Copied Theme version: 9.3.7

1 Answer
Rose Tyler

Support staff

April 28, 2024 at 09:00
Hello, Dave6641,

Thank you for reaching out and for your kind words about our theme. We’re delighted to hear that you’re enjoying your experience with it so far! Let’s address your queries one by one to ensure your e-shop setup goes smoothly.

1/ Please try to remove this code https://prnt.sc/UuLeOth1LXE9 After removing the code, kindly check the frontend to see if it produces the desired result. Please do not hesitate to inform us about the outcome or if you require further assistance.

2/ Please try to add the next code https://prnt.sc/MKcTtj5GpmL6
```
.reset_variations {
    display: block;
    width: 100%;
    padding-right: 20px;
}
```
3/
```
selector table.variations th.label label[data-swatch-name]:after {
    margin: 5px 0px;
    display: block;
}
```
Best Regards,
8Theme’s Team
#393231 Copied
Tagged: best selling woocommerce themes, effective woocommerce themes, product gallery issues, quality woocommerce designs, woocommerce clear button, woocommerce theme solutions, woocommerce troubleshooting
Viewing 2 results - 1 through 2 (of 2 total)