> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://doc.ecomx.co/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Normcore Shop The Look ## About Shop The Look Section The Shop the Look section is a powerful tool for creating engaging product showcases in your Normcore theme. It enables you to display curated product collections with custom images, ideal for: * Lifestyle product photography * Product bundle showcases * Complete outfit presentations * Themed collection displays * Visual merchandising The section stands out for its ability to present products in both grid and carousel layouts while maintaining full customization control for both desktop and mobile displays. ## How To Access Shop The Look Section From any page in your Normcore Admin Dashboard, click the "**Add section**" button, search for "**Shop the Look**" and select it. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902564763/e9feead0f63afcd5eecdd807e2c3/AD_4nXc-ETknGrnl3CJ8cS2dyQpBRhkgzsn6-jCZGoZpX23SlZgMEqdxsBymGj5aMjBa39DNzk6nuZK9k2_GLbwqAezwDAfIGRCc1Q_dddj6x0_kJ6V7kumf30kQ4NBN5jnG1wkeyH6vWCW1hzMfO8MYJ9qLt4LcG.png?expires=1792402200&signature=dd0519f92e9d500798b23469384df77ee6bb233f1b6baac96f2e13476e0a3c00&req=dSknFMx4mYZZWvMW1HO4zQXizqQNW6as%2FuDg10J0qZ4mspUVr0fv1QCqoPFv%0A7bHY5p8lWugR1WgtEIE%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/e/5/c/4/e5c42541a89ad000/6893cb3f-d68a-4b8f-9e9f-5cdfba_17evl7z.png) After adding the Shop the Look section, customize its appearance and functionality using the available settings. ## Basic Components Each Shop the Look section includes these basic elements that you can customize: * General settings * Gallery items * Product cards * Layout options * Countdown timer To begin customizing, click the "**Shop the Look**" section to access its settings. ## General Settings Within General settings, you can configure: * Color scheme: Choose from preset options * Heading: Set your section title * Heading size: Select from options including "Extra large" * Description: Add descriptive text to showcase your products [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902564781/d7dde73214e685e1bf1009fda0d7/AD_4nXdlaL4Yjg3iBeqAES7bOh2l2IrKUj69_eTYu7StfS-LB0YXngnCZkLx4Z9MUwcsPpU7uGZXJ-mVeJvLohOtE6nCUnCdeEGIgj_vwmccGdmf426YNNkPZrBIaFE9ys4wJ6wkeyH6vWCW1hzMfO8MYJ9qLt4LcG.png?expires=1792402200&signature=efc2f186988eb025b8d55e4db73e9a4e0534700e240d2485b69407aca7a6b41d&req=dSknFMx4mYZXWPMW1HO4zWhz2UV5VRSJO%2B8V0zWetzO0%2BQhctE7hP5GwRAvG%0AFVIufbVrfQEloKKc9J0%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/1/4/4/f/144f2325eb641700/748bd12e-7ec2-4b4d-8fac-245aa6_h8opor.png) ## Gallery Item For gallery items, you can: * Add up to 5 gallery items for optimal visual presentation * Adjust image ratio: Select "**Original**" or other preset ratios ## Product Card In the product card section, you can control: * Vendor display: Toggle show/hide vendor information * Rating display: Enable/disable product ratings, select the color for the star rating Note: To configure product rating, access Theme settings > Product information * Variant swatches: Toggle the display of product variants * Price display: Show or hide product prices * Badge display: Enable or disable product badges [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902564800/8be844ccce3c1fc16064ed44e978/AD_4nXcBMDviYZh9RLkiZeL85f3vFDsLFWses12FGXnLYRymDZhRbKnd8aK3TcTBR67429gX5s1KPb_YCdmg3p82ohsPZhOaimcmSoKqvgngnf_Yo4JluWQrde3F7VXaF6MU5rckeyH6vWCW1hzMfO8MYJ9qLt4LcG.png?expires=1792402200&signature=8f42071a75ba6ebdc5120d83107a0dd5bce27615368b611e955a2a184de275dd&req=dSknFMx4mYlfWfMW1HO4zdpDlLCWwN9NquxkMRyfT8jrqWfiqkefUchZr%2FsC%0A4i0xYloQhYBQLIp1UGM%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/5/e/6/e/5e6edf7e5972a000/5a82c35a-d71e-43f4-8feb-9fd479_193ydgp.png) ## Layout Controls Configure two types of screen layouts: ### Desktop Layout * List style: Choose between Grid or Carousel * Columns per row: Select from 3, 4, 5, or 6 columns ### Mobile Layout * List style: Select Grid or Carousel * Columns per row: Choose between 1 or 2 columns [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902564821/29536b9cec9799165a32c035d980/AD_4nXeA9mLmRfXV27s5CkAcrHv0NvF4uC5WGpga5G6jNBZzNKGgbCS7yV7VlxqcYQgYqAsnE1FDMxssxBavMaetI7hjVc_YFN8SvKku3QZTun7Ua8mk82ur_Do9gGfTYho4aQkeyH6vWCW1hzMfO8MYJ9qLt4LcG.png?expires=1792402200&signature=295d226f23f15dc8937cbb4e3be7f20284092ac2d5595c697cdb0ca56f038e8b&req=dSknFMx4mYldWPMW1HO4zSgqfMiPpkbUcRYLQM125R9SAwD3WWrlxGeuK5Co%0APVwQNX0BIKfyDp7s%2Blk%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/e/6/a/f/e6afc77c36650000/b5b77343-f51c-4e00-8cee-ce04ce_n1v5wp.png) ## Countdown Timer Add urgency to your showcase with these timer settings: * Enable countdown timer: Toggle the timer feature * Hide countdown when finished: Control timer visibility after completion * End date: Set in YYYY-MM-DD format (defaults to midnight if not specified) * End time: Optional setting in HH:MM format (24-hour clock) * End text: Customize message displayed when countdown ends * Custom background color: Set timer background * Custom number color: Adjust timer number display [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902564836/0ad557ab1d26c2e8101ba5ef693a/AD_4nXdQydTc1ai9XJLIEe0PkMBb8UsK5X0sGkX3OFzSldyrK8_KHkFsRca7qlm_B-XTmMoZMyMlS6tM3gRc918bhceeZkDbTaCieAcM6EsMEq-HEbxvN2NxwahctPR-2wcqggkeyH6vWCW1hzMfO8MYJ9qLt4LcG.png?expires=1792402200&signature=ebc90314a819b6945af155e54ba718e638fcfdf79c18ab8e463966679503ef57&req=dSknFMx4mYlcX%2FMW1HO4zfJR2oPI%2BNFekrrLiBKxosKflE%2BqPMFYfAUdwqpD%0AT3rI5y%2FYIZjBuieXRY4%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/a/2/0/d/a20db1b12f2c1000/b3919732-d478-4cdd-a256-f98c29_1ds2wlf.png) ## How to Configure Shop The Look Section’s Blocks? ## Each Shop the Look section can include up to 6 items, which you can manage through the sidebar navigation. To configure an individual item, click on the item you want to edit in the sidebar. Configure these settings for each item: * Image: Click "**Select**" to choose an image or use "**Explore free images**" * Products: Click "**Select**" to choose products to feature in this item [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902564845/e96406cb7b45cac07ec46b0f8c37/AD_4nXc-h6jcQGA50I4H1s5AE9M4dO0KI0YRedf7d3yzQMLJt7jrNbZq7A7hz3-0ToUlmJ62zvTBav2nYzX6yvGJVvNKfWdYoFcV8uA-n3Uhef02kuKMf7iVF-0inEZff8xm0gkeyH6vWCW1hzMfO8MYJ9qLt4LcG.png?expires=1792402200&signature=a1ad579db3de6fc110620a7aebeaf9ce235dddb995ce3d5412f731b6172123a3&req=dSknFMx4mYlbXPMW1HO4zWiMHe4VcFZY%2BhVgUchf908QghCbK%2FuHz%2FHieuMD%0A2ynZshsywd1hc11ECgg%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/7/6/6/7/7667089381304000/b4cec957-2eac-4537-a65f-8a4b47_1wih0ua.png) ## Common Cases and FAQs ### 1. What's the optimal layout for mobile viewing? For mobile optimization: * Choose between Grid or Carousel layout based on your content * Limit columns to 1-2 per row for better visibility * Ensure product cards are easily readable on smaller screens ### 2. How to optimize product card information? Configure your product cards by: * Enabling vendor information for product sourcing * Showing ratings to build trust (configure in Theme settings > Product information) * Displaying variant swatches for quick selection * Showing prices and badges for important product information ### 3. What's the best way to organize gallery items? Best practices for gallery items: * Use more than 5 gallery items to produce the best visual results * Maintain consistent image ratios across items * Organize products in a visually appealing grid or carousel * Consider your target audience when selecting layout options