{"id":505977,"date":"2025-09-10T12:22:17","date_gmt":"2025-09-10T12:22:17","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=505977"},"modified":"2025-09-11T04:29:11","modified_gmt":"2025-09-11T04:29:11","slug":"checkout-uiextension","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/checkout-uiextension\/","title":{"rendered":"Checkout UI Theme Extension for Auction Product"},"content":{"rendered":"\n

We\u2019ve introduced a new feature, the checkout UI Theme Extension for Auction Product for upcoming auction products. <\/p>\n\n\n\n

You can now display upcoming auction products on the checkout page. We provide the option to add an Upcoming Auction block for both New Customer Accounts and Legacy Customer Accounts.<\/p>\n\n\n\n

To add the Upcoming Auction block on the Thank You page in the checkout flow, go to Shopify Admin> Online Store > Themes > Customize,<\/p>\n\n\n\n

Then select Checkout and CustomerAccounts to open the checkout page.<\/p>\n\n\n\n

\"FF\"<\/figure>\n\n\n\n

From the sidebar, click on Apps, and under the Webkul Product Auction<\/a> section, you will find checkout-ui and customer-account-ui.<\/p>\n\n\n\n

Choose checkout, click the plus (+) icon to add checkout-ui, select the Thank You page, and then click on the Save button.<\/p>\n\n\n\n

\"ss\"<\/figure>\n\n\n\n

Once you do this, the Upcoming Auction block will be added,and you can place it anywhere on the checkout page as per your preference.<\/p>\n\n\n\n

\"thrd\"<\/figure>\n\n\n\n
Similarly, <\/h5>\n\n\n\n

Following the same flow as above, you can also add the Upcoming Auction block on
the Order Status page.<\/p>\n\n\n\n

From the sidebar, click on Apps, and under the Webkul Product Auction section, you will find checkout-ui and customer-account-ui. <\/p>\n\n\n\n

Choose checkout, click the plus (+) icon to add checkout-ui, select the Order Status page, and then click on the Save button.<\/p>\n\n\n\n

\"frr\"<\/figure>\n\n\n\n

Once you do this, the Upcoming Auction block will be added to the Order Status page, and you can place it anywhere on the checkout page as per your preference.<\/p>\n\n\n\n

To add the View Your Bids block on the Order page within the Account page, go to Shopify Admin > Online Store > Themes > Customize.<\/p>\n\n\n\n

Then select Checkout and Customer Accounts to open the checkout page.<\/p>\n\n\n\n

From there, you can also add the customer-account-ui block, which will place it on the Account page and allow customers to view their bids. <\/p>\n\n\n\n

To do this, go to the sidebar and click on Apps. Under the Webkul Product Auction section, you will find both checkout-ui and customer-account-ui. <\/p>\n\n\n\n

Choose customer-account-ui, click the plus (+) icon to add it, then select the Order page, and finally click on the Save button.<\/p>\n\n\n\n

\"h\"<\/figure>\n\n\n\n

The \u201cView Your Bids\u201d option will appear on your Account page. When you click on this button, you will be able to see all your bidding details there.<\/p>\n\n\n\n

\"sth\"<\/figure>\n\n\n\n
\n

Support<\/h3>\n<\/div><\/div>\n\n\n\n

Hope you like this blog. Keep in touch with us for more interesting blogs. If you need any kind of support, simply raise a ticket at\u00a0https:\/\/webkul.uvdesk.com\/en\/. <\/p>\n\n\n\n

Also, you can contact\u00a0support@webkul.com<\/strong>\u00a0to get proper assistance.<\/p>\n\n\n\n

Thank You for reading this blog!<\/p>\n","protected":false},"excerpt":{"rendered":"

We\u2019ve introduced a new feature, the checkout UI Theme Extension for Auction Product for upcoming auction products. You can now display upcoming auction products on the checkout page. We provide the option to add an Upcoming Auction block for both New Customer Accounts and Legacy Customer Accounts. To add the Upcoming Auction block on the […]<\/a><\/p>\n","protected":false},"author":688,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-505977","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"\nCheckout UI Theme Extension for Auction Product - Webkul Blog<\/title>\n<meta name=\"description\" content=\"Show Upcoming Auctions and View Bids using Checkout UI Theme Extension. Add blocks to checkout, order status, and account pages easily.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/checkout-uiextension\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Checkout UI Theme Extension for Auction Product - Webkul Blog\" \/>\n<meta property=\"og:description\" content=\"Show Upcoming Auctions and View Bids using Checkout UI Theme Extension. Add blocks to checkout, order status, and account pages easily.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/checkout-uiextension\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-09-10T12:22:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-11T04:29:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2025\/09\/fist.webp\" \/>\n<meta name=\"author\" content=\"Kratagya Jaiswal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kratagya Jaiswal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/checkout-uiextension\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/checkout-uiextension\/\"},\"author\":{\"name\":\"Kratagya Jaiswal\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/de23d50ba2c21ee00b476d574d22e556\"},\"headline\":\"Checkout UI Theme Extension for Auction Product\",\"datePublished\":\"2025-09-10T12:22:17+00:00\",\"dateModified\":\"2025-09-11T04:29:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/checkout-uiextension\/\"},\"wordCount\":428,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/checkout-uiextension\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2025\/09\/fist.webp\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/checkout-uiextension\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/checkout-uiextension\/\",\"url\":\"https:\/\/webkul.com\/blog\/checkout-uiextension\/\",\"name\":\"Checkout UI Theme Extension for Auction Product - Webkul Blog\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/checkout-uiextension\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/checkout-uiextension\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2025\/09\/fist.webp\",\"datePublished\":\"2025-09-10T12:22:17+00:00\",\"dateModified\":\"2025-09-11T04:29:11+00:00\",\"description\":\"Show Upcoming Auctions and View Bids using Checkout UI Theme Extension. Add blocks to checkout, order status, and account pages easily.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/checkout-uiextension\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/checkout-uiextension\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/checkout-uiextension\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/09\/fist.webp\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/09\/fist.webp\",\"width\":1120,\"height\":880},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/checkout-uiextension\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Checkout UI Theme Extension for Auction Product\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/de23d50ba2c21ee00b476d574d22e556\",\"name\":\"Kratagya Jaiswal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/79b5db80bf1e67d4ed32106e4f685f0a1afdf8447aff54ca273b0d714b5a71f0?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/79b5db80bf1e67d4ed32106e4f685f0a1afdf8447aff54ca273b0d714b5a71f0?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Kratagya Jaiswal\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/kratagya-jaiswal322\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Checkout UI Theme Extension for Auction Product - Webkul Blog","description":"Show Upcoming Auctions and View Bids using Checkout UI Theme Extension. Add blocks to checkout, order status, and account pages easily.","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:\/\/webkul.com\/blog\/checkout-uiextension\/","og_locale":"en_US","og_type":"article","og_title":"Checkout UI Theme Extension for Auction Product - Webkul Blog","og_description":"Show Upcoming Auctions and View Bids using Checkout UI Theme Extension. Add blocks to checkout, order status, and account pages easily.","og_url":"https:\/\/webkul.com\/blog\/checkout-uiextension\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2025-09-10T12:22:17+00:00","article_modified_time":"2025-09-11T04:29:11+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2025\/09\/fist.webp","type":"","width":"","height":""}],"author":"Kratagya Jaiswal","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Kratagya Jaiswal","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/checkout-uiextension\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/checkout-uiextension\/"},"author":{"name":"Kratagya Jaiswal","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/de23d50ba2c21ee00b476d574d22e556"},"headline":"Checkout UI Theme Extension for Auction Product","datePublished":"2025-09-10T12:22:17+00:00","dateModified":"2025-09-11T04:29:11+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/checkout-uiextension\/"},"wordCount":428,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/checkout-uiextension\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2025\/09\/fist.webp","inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/checkout-uiextension\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/checkout-uiextension\/","url":"https:\/\/webkul.com\/blog\/checkout-uiextension\/","name":"Checkout UI Theme Extension for Auction Product - Webkul Blog","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/checkout-uiextension\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/checkout-uiextension\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2025\/09\/fist.webp","datePublished":"2025-09-10T12:22:17+00:00","dateModified":"2025-09-11T04:29:11+00:00","description":"Show Upcoming Auctions and View Bids using Checkout UI Theme Extension. Add blocks to checkout, order status, and account pages easily.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/checkout-uiextension\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/checkout-uiextension\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/checkout-uiextension\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/09\/fist.webp","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/09\/fist.webp","width":1120,"height":880},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/checkout-uiextension\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Checkout UI Theme Extension for Auction Product"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/de23d50ba2c21ee00b476d574d22e556","name":"Kratagya Jaiswal","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/79b5db80bf1e67d4ed32106e4f685f0a1afdf8447aff54ca273b0d714b5a71f0?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/79b5db80bf1e67d4ed32106e4f685f0a1afdf8447aff54ca273b0d714b5a71f0?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Kratagya Jaiswal"},"url":"https:\/\/webkul.com\/blog\/author\/kratagya-jaiswal322\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/505977","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/688"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=505977"}],"version-history":[{"count":11,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/505977\/revisions"}],"predecessor-version":[{"id":506061,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/505977\/revisions\/506061"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=505977"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=505977"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=505977"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}