Getting Started [6] WordPress Information Theme Requirements Included Files Theme License Plugins Licenses Theme Support Theme Installation [4] Download Theme Install Theme After Install Common Questions Customize & Features [12] General Color, Button & Input style Typography Site Layout Announcement Bar Page Heading Page Options [3] Header Option Layout Option Heading Option Blog Mobile Features Header [14] Header General Topbar Header Main Logo & Site Identity Search Cart My Account Wishlist Contact Info Social Icon Hamburger Menu Sticky Header Transparent Header Mobile Header Preset Layout & Setting [4] Header Preset Announcement Bar Preset Shop Catalog Preset Single Product Preset Footer & Mega Menu [2] Elementor Footer Mega Menu Shop (WooCommerce) [8] Product Catalog Shop Page Heading Shop Control Shop Filter Product Item Hover Single Product Badges Product Images Translation [3] With WPML plugin With Loco translate plugin Why have my translations files been deleted / reverted (Loco translate)? Frequently Asked Questions [14] How to update the theme or plugin automatically? How to update the theme via WordPress manually? How to update the theme via FTP manually? How to set header and footer on the home 7 to be similar the demo? What are plugins compatible with this theme? How to set header on the home 10 to be similar the demo? How to set square images on the home 10? How to display color swatches on the single product page? How to set sticky single product layout? How to show variant swatches on product items? How to make heading page with banner to be like the demo? How to change icons in product layout (extra service)? How to show Hamburger Menu content? How to combine templates from other homes? Home / Docs Home / Frequently Asked Questions How to display color swatches on the single product page? In order to display color swatches as the following image, you can follow the instruction below: Step 1: You need to create the color attribute under Products > Attributes.Enter the name of the attribute.Enter slugSelect type of how attribute display. (Choose Color if you create the color attribute)Select Default sort orderPress Add Attribute.Click Configure terms. Note: If you want to edit the type attribute display, you can click to Edit under the color name. And select other type. Step 2: After click to Configure terms, you will direct to the window that allows you to create new color:Enter the name of the color.Enter slugSelect color.Click Add New Color. Note: You also can edit the name or color by click the Edit under the color name. Doc navigation < How to set square images on the home 10? How to set sticky single product layout? > Was this page helpful? Yes No