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 [11] General Color & Input style Typography Site Layout Announcement Bar Page Heading Page Options [3] Header Option Layout Option Heading Option Blog 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) [9] Product Catalog Shop Page Heading Shop Control Shop Filter Product Item Hover Single Product Badges Product Images Checkout Translation [3] With WPML plugin With Loco translate plugin Why have my translations files been deleted / reverted (Loco translate)? FAQ [11] How to set up the filter to be like the demo? 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 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 comebine templates from other homes? Helik Theme [5] How to create the Shop Standard style? How to create the Shop Sidebar? How to create Shop List? How to create Shop Icon Categories, Shop Image Categories and Shop Simple? How to create a product deal? Home / Online Documentation / FAQ 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 update the theme via FTP manually? How to set sticky single product layout? > Was this page helpful? Yes No