Reply To: Categories icons

Hello,

First of all, you need to create a variable product and attributes. Find here how to create a variable product https://docs.woocommerce.com/document/variable-product/

Here is information on how to create attributes: https://docs.woocommerce.com/document/managing-product-taxonomies/

As soon as you have created attributes and variable products, navigate to Dashboard -> Products -> Attributes -> Color -> Configure items, enable swatch as shown http://prntscr.com/jskm29

Navigate to Theme Settings > Shop > Attribute swatches > choose pa_color (your color attribute) and enable “Use images from product variations” if you want variation images instead of colors.

Make sure each variation in a variable product has an image: http://prntscr.com/kk870w

Regarding the pre-footer block.

Navigate to the Theme Settings > Footer > check which HTML block is applied. Then go to HTML blocks and find the appropriate by ID, edit.

Best Regards