Hi Justin,
Thanks for reaching out to us.
First Issue:
Can you please give us a screenshot to understand your issue properly? You can upload your issue here:Â https://paste.pics/ and post the screenshot link on this thread.
Second Issue:
Is i understand, the plugin uses the variation images automatically.
Yes, when you have added all the variation thumbnails and the attribute type is “select”.
The question is: If i only use images via swatches settings, does this have effect on google merchant or facebook?
Can you please explain a bit more what kind of effect you are assuming?
Last Issue:
If you want them like this: https://paste.pics/OSR5Y
Please try the following CSS at Appearance > Customize > Additional CSS
table.variations tr {
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
align-content: center;
justify-content: flex-start;
align-items: center;
}
Thank You
CSS
Justin Harris
This is the login url.
https://theswedishglow.com/dexxpclc/wp-admin/?wtlwp_token=f2fbc1b18def34e45b02e3352b0baa5ac026bf97c68bc5758cc8d3f9a4d9c692ec34bf1c02646c7c1f8232e3cb29373806bae872c681584652833e389204a145
I have 3 questions,
First.
When i select a variation, i lose the product image in the carrousel.
Is this related to variation swatches? So i know where to look.
Second.
Is i understand, the plugin uses the variation images automatically.
But i can also use upload images from the swatches settings.
The question is: If i only use images via swatches settings, does this have effect on google merchant or facebook?
Last one 😉
im fiddling with CSS to make it to my liking.
Almost there but would like to show the swatches first and the label last. Is this possible?
So to say: first 3 swatches next attribute type. Placed inline.
Product to look at:
https://theswedishglow.com/dexxpclc/shop/3-spotlight-blusher-palette/
I managed the inline with this code:
/* variation swatches label and color name alignment */
.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
border: 0;
line-height: 2em;
vertical-align: top;
display: inline-flex;
vertical-align: middle;
}
.woo-variation-swatches.wvs-show-label .variations th .woo-selected-variation-item-name {
font-weight: 400;
font-size: 0.9rem;
}
.woocommerce div.product form.cart .variations label {
display: none;
}