{"id":23435,"date":"2024-07-29T12:40:59","date_gmt":"2024-07-29T07:10:59","guid":{"rendered":"https:\/\/aureatelabs.com\/?post_type=answers&p=23435"},"modified":"2024-07-29T12:41:01","modified_gmt":"2024-07-29T07:11:01","slug":"product-category-pages-in-hyva-ui","status":"publish","type":"answers","link":"https:\/\/aureatelabs.com\/answers\/hyva-ui\/product-category-pages-in-hyva-ui\/","title":{"rendered":"What are the two versions of Product Category Pages (PCP) in Hyv\u00e4 UI?"},"content":{"rendered":"\n

Hyv\u00e4 UI offers two versions (visual layout options) for Product Category Pages (PCP):<\/p>\n\n\n\n

    \n
  1. Grid images<\/li>\n\n\n\n
  2. Grid patterns<\/li>\n<\/ol>\n\n\n
    \n
    \"Hyv\u00e4<\/figure>\n<\/div>\n\n\n

    1) Grid images:<\/strong> This PCP layout prioritizes showcasing products using a grid-based structure filled with product images. This approach is ideal for stores with a strong focus on product visuals and where high-quality product images are central to the buying decision.<\/p>\n\n\n\n

    2) Grid patterns:<\/strong> This PCP layout offers more flexibility in presenting product information. It might utilize a grid structure but allows for text-based options of product details.<\/p>\n\n\n\n

    You can fully customize the layout, content displayed, and overall design to complement your brand identity and optimize the browsing experience for your customers.<\/p>\n","protected":false},"author":36,"template":"","answers_topics":[165,167],"class_list":["post-23435","answers","type-answers","status-publish","hentry","answers_topics-hyva-ui","answers_topics-features-benefits"],"acf":[],"yoast_head":"\nWhat are the two versions of Product Category Pages (PCP) in Hyv\u00e4 UI?<\/title>\n<meta name=\"description\" content=\"Hyv\u00e4 UI offers two PCP options: Grid images for a visual browsing experience or Grid patterns for a clean, information-dense layout.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/aureatelabs.com\/answer\/product-category-pages-in-hyva-ui\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What are the two versions of Product Category Pages (PCP) in Hyv\u00e4 UI?\" \/>\n<meta property=\"og:description\" content=\"Hyv\u00e4 UI offers two PCP options: Grid images for a visual browsing experience or Grid patterns for a clean, information-dense layout.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/aureatelabs.com\/answer\/product-category-pages-in-hyva-ui\/\" \/>\n<meta property=\"og:site_name\" content=\"Aureate Labs\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/aureate.labs\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-29T07:11:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2024\/07\/Hyva-UI-offers-two-PCP-layouts-2-1024x571.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@aureate_labs\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What are the two versions of Product Category Pages (PCP) in Hyv\u00e4 UI?","description":"Hyv\u00e4 UI offers two PCP options: Grid images for a visual browsing experience or Grid patterns for a clean, information-dense layout.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/aureatelabs.com\/answer\/product-category-pages-in-hyva-ui\/","og_locale":"en_GB","og_type":"article","og_title":"What are the two versions of Product Category Pages (PCP) in Hyv\u00e4 UI?","og_description":"Hyv\u00e4 UI offers two PCP options: Grid images for a visual browsing experience or Grid patterns for a clean, information-dense layout.","og_url":"https:\/\/aureatelabs.com\/answer\/product-category-pages-in-hyva-ui\/","og_site_name":"Aureate Labs","article_publisher":"https:\/\/www.facebook.com\/aureate.labs","article_modified_time":"2024-07-29T07:11:01+00:00","og_image":[{"url":"https:\/\/aureatelabs.com\/wp-content\/uploads\/2024\/07\/Hyva-UI-offers-two-PCP-layouts-2-1024x571.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@aureate_labs","twitter_misc":{"Estimated reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/aureatelabs.com\/answer\/product-category-pages-in-hyva-ui\/","url":"https:\/\/aureatelabs.com\/answer\/product-category-pages-in-hyva-ui\/","name":"What are the two versions of Product Category Pages (PCP) in Hyv\u00e4 UI?","isPartOf":{"@id":"https:\/\/aureatelabs.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/aureatelabs.com\/answer\/product-category-pages-in-hyva-ui\/#primaryimage"},"image":{"@id":"https:\/\/aureatelabs.com\/answer\/product-category-pages-in-hyva-ui\/#primaryimage"},"thumbnailUrl":"https:\/\/aureatelabs.com\/wp-content\/uploads\/2024\/07\/Hyva-UI-offers-two-PCP-layouts-2-1024x571.png","datePublished":"2024-07-29T07:10:59+00:00","dateModified":"2024-07-29T07:11:01+00:00","description":"Hyv\u00e4 UI offers two PCP options: Grid images for a visual browsing experience or Grid patterns for a clean, information-dense layout.","breadcrumb":{"@id":"https:\/\/aureatelabs.com\/answer\/product-category-pages-in-hyva-ui\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/aureatelabs.com\/answer\/product-category-pages-in-hyva-ui\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/aureatelabs.com\/answer\/product-category-pages-in-hyva-ui\/#primaryimage","url":"https:\/\/aureatelabs.com\/wp-content\/uploads\/2024\/07\/Hyva-UI-offers-two-PCP-layouts-2.png","contentUrl":"https:\/\/aureatelabs.com\/wp-content\/uploads\/2024\/07\/Hyva-UI-offers-two-PCP-layouts-2.png","width":1600,"height":892,"caption":"Hyv\u00e4 UI offers two PCP layouts 2"},{"@type":"BreadcrumbList","@id":"https:\/\/aureatelabs.com\/answer\/product-category-pages-in-hyva-ui\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/aureatelabs.com\/"},{"@type":"ListItem","position":2,"name":"What are the two versions of Product Category Pages (PCP) in Hyv\u00e4 UI?"}]},{"@type":"WebSite","@id":"https:\/\/aureatelabs.com\/#website","url":"https:\/\/aureatelabs.com\/","name":"Aureate Labs","description":"Building experience-driven, content-driven and customer-centric commerce for upbeat and modern B2C & D2c brands","publisher":{"@id":"https:\/\/aureatelabs.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/aureatelabs.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/aureatelabs.com\/#organization","name":"Aureate Labs","url":"https:\/\/aureatelabs.com\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/aureatelabs.com\/#\/schema\/logo\/image\/","url":"https:\/\/aureatelabs.com\/wp-content\/uploads\/Aureate-Labs-Logo.svg","contentUrl":"https:\/\/aureatelabs.com\/wp-content\/uploads\/Aureate-Labs-Logo.svg","width":1,"height":1,"caption":"Aureate Labs"},"image":{"@id":"https:\/\/aureatelabs.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/aureate.labs","https:\/\/x.com\/aureate_labs","https:\/\/www.linkedin.com\/company\/aureate-labs\/","https:\/\/www.youtube.com\/channel\/UC-gHzpwI_CrXplSquIPjppQ\/","https:\/\/www.instagram.com\/aureate_labs\/"]}]}},"_links":{"self":[{"href":"https:\/\/aureatelabs.com\/wp-json\/wp\/v2\/answers\/23435","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aureatelabs.com\/wp-json\/wp\/v2\/answers"}],"about":[{"href":"https:\/\/aureatelabs.com\/wp-json\/wp\/v2\/types\/answers"}],"author":[{"embeddable":true,"href":"https:\/\/aureatelabs.com\/wp-json\/wp\/v2\/users\/36"}],"wp:attachment":[{"href":"https:\/\/aureatelabs.com\/wp-json\/wp\/v2\/media?parent=23435"}],"wp:term":[{"taxonomy":"answers_topics","embeddable":true,"href":"https:\/\/aureatelabs.com\/wp-json\/wp\/v2\/answers_topics?post=23435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}