CSS for the Product Details Component Attribute Swatches

[lesliekirk]

lesliekirk Updating the style of the swatches is not possible at this time. We have a feature request submitted that will add the necessary attributes to allow for styling. Once we have a confirmed implementation strategy and date I will update this post.

Thanks for the update Nick - sadly, this means I will not be able to use the Page Builder Product Product Details Component in this latest update/makeover project

[Nick]

lesliekirk Updating the style of the swatches is not possible at this time. We have a feature request submitted that will add the necessary attributes to allow for styling. Once we have a confirmed implementation strategy and date I will update this post.

[lesliekirk]

I'm trying to edit the CSS (using the mmx-customizations file) for the Product Attribute Swatch Swatches. I don't want a circle; I need the swatch images to be larger and not square.

I don't think I've quite figured out what the ::part() would be for the Attribute Swatch Swatches. In a "traditional" layout I would be trying to edit the mmx-featured-product__product-attribute-swatch__swatches class.

Could I also be pointed back to the proper way to make sure the mmx-customizations file is active. (Global? Resource Group?)

I like how the Image Thumbnail size can be set in the PageBuilder component. I know that having more control over the swatch images has never been a feature, but this would be a great time to consider it.