Hello, Invizion,
Thank you for reaching out to us. Unfortunately, it is not possible to use two types (image and color) simultaneously for a single attribute. Therefore, you will need to upload an image of the corresponding color for each color attribute. This can be done in the attribute settings, and the image does not need to be of high resolution – 10x10px will suffice to avoid overloading the site.
We have already uploaded such an image for the culoare “ALBASTRU.”
Additionally, we have added the following custom CSS in Customizer -> Theme Custom CSS -> Global CSS to ensure the filter image fills all the space:
/* Force filter image to fill all space */
.etheme_swatches_filter img {
width: 100%;
}
Since you are not using a child theme, we were compelled to install the Code Snippets plugin (details at https://wordpress.org/plugins/code-snippets/) and added the following snippet “Change culoare filter widget shape, for shop page” to change the shape of the widget on the shop page from square to circle:
add_filter('et_color_swatch_filter_subtype', function(){ return 'circle'; });
add_filter('et_color_swatch_filter_shape', function(){ return 'circle'; });
If you have any further questions or need additional assistance, please do not hesitate to contact us.
Best Regards,
The 8Theme Team















