Documentation
Feedback
Guides
API Reference

Guides
Getting Started

Integration Guides




Payments

Orders

Fulfillment

VTEX inStore

UI Customization

Message Center

Pricing

Promotions

Infrastructure

Conversational Commerce

Search

VTEX Session

VTEX inStore
How to customize inStore
Hide Print order and Reprint receipt buttons

By default, inStore shows the options to Print order and Reprint receipt in the Order placed page. If you want to hide these buttons, you can change their display by editing the checkout-instore-custom.css file. Check out the How to customize inStore guide for further information on how to access this file.

Edit the checkout-instore-custom.css file

To customize which cancellation options inStore will display, you must declare the following class and property in the checkout-instore-custom.css file.

In the UI display column below, you can see where the elements you can hide are rendered in the inStore UI. You can click on each image to enlarge it.

CSS class nameDescriptionUI display
print-detailsThe class you can use to style the Print order and the Reprint receipt buttons.
{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAECAIAAADETxJQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAM0lEQVR4nAEoANf/AK/Fp3WIba3CpACQnJvJ1Mnm7+YAgXd4z8TE2tTUAEIgJSUAAFo8P9AUFEs4z2eBAAAAAElFTkSuQmCC","img":{"src":"https://cdn.jsdelivr.net/gh/vtexdocs/dev-portal-content@main/docs/guides/VTEX-inStore/how-to-customize-instore/faaeea5-Group_1_25.png","width":411,"height":633,"type":"png"}}


{"base64":"  ","img":{"width":411,"height":554,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":32413,"url":"https://cdn.jsdelivr.net/gh/vtexdocs/dev-portal-content@main/images/hide-print-order-and-reprint-receipt-buttons-0.png"}}

If you want to hide these elements, you must use their class selector and declare the display property with the value set as none, as exemplified below.

.print-details { display: none; }
Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Was this helpful?
Yes
No
Suggest edits (Github)
Add extra text to the order summary print
Enable partial cancellation for Debit or Credit Direct sales
Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
On this page