Setup WooCommerce Attribute Images

Getting Started Viewed: 1156
[vc_row][vc_column][vc_separator css=”.vc_custom_1503397814327{margin-top: 30px !important;margin-bottom: 30px !important;}”][vc_column_text]

Index

  1. General Settings
  2. Styling
[/vc_column_text][vc_separator css=”.vc_custom_1503397814327{margin-top: 30px !important;margin-bottom: 30px !important;}”][/vc_column][/vc_row][vc_row content_placement=”top” personalization_rules=”%5B%7B%22country%22%3A%22AF%22%2C%22recurring_day%22%3A%220%22%2C%22start_date%22%3A%222017-08-22%22%2C%22start_time%22%3A%2200%3A00%22%2C%22end_date%22%3A%222017-08-22%22%2C%22end_time%22%3A%2223%3A55%22%2C%22device_type%22%3A%22computer%22%2C%22user_name%22%3A%224%22%2C%22user_cap%22%3A%22switch_themes%22%2C%22user_role%22%3A%22administrator%22%2C%22visits_minimum%22%3A%22100%22%2C%22visits_maximum%22%3A%22200%22%7D%5D”][vc_column width=”1/2″][vc_column_text]

Settings Menu

In order to setup the plugin you should be able to see the Attribute Images menu under WooCommerce in your admin panel. If you can not see this menu make sure the Redux Framework plugin is installed and activated.[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_single_image image=”391″ alignment=”right”][/vc_column][/vc_row][vc_row personalization_rules=”%5B%7B%22country%22%3A%22AF%22%2C%22recurring_day%22%3A%220%22%2C%22start_date%22%3A%222017-08-22%22%2C%22start_time%22%3A%2200%3A00%22%2C%22end_date%22%3A%222017-08-22%22%2C%22end_time%22%3A%2223%3A55%22%2C%22device_type%22%3A%22computer%22%2C%22user_name%22%3A%224%22%2C%22user_cap%22%3A%22switch_themes%22%2C%22user_role%22%3A%22administrator%22%2C%22visits_minimum%22%3A%22100%22%2C%22visits_maximum%22%3A%22200%22%7D%5D” el_id=”general-settings”][vc_column][vc_separator css=”.vc_custom_1503397814327{margin-top: 30px !important;margin-bottom: 30px !important;}”][vc_column_text]

General Settings

In the general settings part you can enable our plugin, enable the tooltip to show and set if you want to show attribute images in the “additional information” table and in the variations.[/vc_column_text][vc_single_image image=”392″ img_size=”large” add_caption=”yes” style=”vc_box_outline” onclick=”link_image” css=”.vc_custom_1530085383591{margin-top: 20px !important;}”][vc_separator css=”.vc_custom_1503397814327{margin-top: 30px !important;margin-bottom: 30px !important;}”][/vc_column][/vc_row][vc_row personalization_rules=”%5B%7B%22country%22%3A%22AF%22%2C%22recurring_day%22%3A%220%22%2C%22start_date%22%3A%222017-08-22%22%2C%22start_time%22%3A%2200%3A00%22%2C%22end_date%22%3A%222017-08-22%22%2C%22end_time%22%3A%2223%3A55%22%2C%22device_type%22%3A%22computer%22%2C%22user_name%22%3A%224%22%2C%22user_cap%22%3A%22switch_themes%22%2C%22user_role%22%3A%22administrator%22%2C%22visits_minimum%22%3A%22100%22%2C%22visits_maximum%22%3A%22200%22%7D%5D” el_id=”styling”][vc_column][vc_column_text]

Exclusions & Inclusions

Furthermore you can set some styling options. There you can style the attribute name or value with border color, border radius, image width and more.[/vc_column_text][vc_single_image image=”393″ img_size=”large” add_caption=”yes” style=”vc_box_outline” onclick=”link_image” css=”.vc_custom_1530085678723{margin-top: 20px !important;}”][vc_separator css=”.vc_custom_1503397814327{margin-top: 30px !important;margin-bottom: 30px !important;}”][vcex_button url=”https://demos.welaunch.io/woocommerce-attribute-images/faq/assign-images-to-attributes/”]Next: Set Attribute Images[/vcex_button][/vc_column][/vc_row]

8 thoughts on “Setup WooCommerce Attribute Images

  1. Steve Raymond says:

    Related to WooCommerce single product page. I have variable products with 4 attributes that currently display as drop down boxes on the single product page. I would like to use a rectangular image for each of the 4 values related to the first attribute (instead of a drop down box), and leave the other 3 attributes as drop down boxes. Ideally I would like the images to display on 2 adjacent rows (2 rectangular images in the top row, and 2 directly below the top row). Is this possible using the Attribute Images plugin?

  2. SImon says:

    Please see the link above.

    The styling for the Image Attributes for example border or size does not work.Non of the Styling seems to work??

    Any solution?

    • WeLaunch says:

      Hi Simon,

      unfortunately we can not see your page as it is under construction. However please make sure the following file is writeable (chmod 0777) > public/css/..custom.css

Leave a Reply

Your email address will not be published. Required fields are marked *