Filters with swatches

Hello,

Such attributes as color or size usually may have a few variables so we can configure them as a drop-down or attribute swatches. In order to configure attribute swatches, please follow these steps:

1. Dashboard -> Products -> Attributes -> Color -> Configure terms;
2. Enter each Variable and set сolor or image which will be shown as a swatch;
3. Configure the variable product with the attribute;
4. Navigate to Theme Settings > Shop > Attribute swatches > choose pa_color (your color attribute)
5. Use images from product variations – means that instead of colors attribute swatch will take featured images set for each variation.

If you also want to set the size as an attribute swatch follows step #1 and enable swatch as shown http://prntscr.com/jskm29

You can also view this video tutorial: https://xtemos.com/docs/woodmart/variable-products-swatches/

Best Regards

Here is a video tutorial that will help you create variable products with variations swatches and add AJAX filters for them https://www.youtube.com/watch?v=TITlJ6Zg0so&index=2&list=PLMw6W4rAaOgKKv0oexGHzpWBg1imvrval

You can disable short description in Theme Settings -> Shop -> Product styles -> Hover content

What is wrong with your logo image?

There is some problem with your SVG image. Here is how your original image looks and it works the same for desktop and mobile devices https://gyazo.com/e3f4390d341a39a26a2e61ef6364873e

Your SVG image is using a font that is preinstalled on your PC only, that is why it looks correct on your computer only.

Hello,

Unfortunately, it is not possible to customize with CSS. The only way out is to change the design or modify the WooCommerce template.

Best Regards

Hello,

Please enter the page editing mode and set the size of images in the Design Tab of Products Tabs Settings http://prntscr.com/ke9uus

Best Regards