All Collections
Nexternal
Point of Sale
Nexternal Engage: Hide Pickup Option in Desktop and Mobile with CSS
Nexternal Engage: Hide Pickup Option in Desktop and Mobile with CSS

When you need to activate pickup for Engage POS, but you don't want to offer pickup in your Online Store, follow these steps.

Pamela Topper avatar
Written by Pamela Topper
Updated over a week ago

Product: Nexternal

When you need to activate pickup to enable Engage POS, but you don't want to offer pickup in your Online Store, follow these steps in your Order Management System (OMS).

1. Archive your Live Layout:

  • Go to Layout

  • Click the blue archive button at the top

  • Leave the selector at “Save Live Layout to Archive with Name” and fill in the name as “Live Layout Backup”

  • Click Submit

2. Hide the Pickup Option for Desktop:

  • Scroll down in the Layout Section to Advanced Layout and click Edit

  • Copy all of the data in the Style Sheet Addendum field, and paste it into a text file (in Notepad on a PC or Text Edit on a Mac)

  • Do a “command F” to search the text file for /*hide pickup*/

/*hide pickup*/

.nextPickupRow,

.nextPickupExplanationRow > td:nth-child(2) > span{

display:none;

}

.oms .nextPickupRow {

display: table-row;

}

.oms .nextPickupExplanationRow > td:nth-child(2) > span {

display: inline;

}

  • After you make the specified modifications, copy the entire contents of the text file, and use it to replace the data in the Style Sheet Addendum field in the OMS.

  • Click finish at the bottom of the page.

3. Hide the Pickup Option for Mobile:

  • Within the Layout section, scroll down to Mobile Layout and click Edit

  • Copy all of the data in the Style Sheet Addendum field, and paste it into a text file (in Notepad on a PC or Text Edit on a Mac)

  • Do a “command F” to search the text file for /*hide pickup*/

/*hide pickup*/

#inpFulfillmentMethodPickUp,

label[for="inpFulfillmentMethodPickUp"] {

display:none;

}

  • After you make the specified modifications, copy the entire contents of the text file, and use it to replace the data in the Style Sheet Addendum field in the OMS.

  • Click finish at the bottom of the page.

IMPORTANT FINAL STEP: Finally, check your online store to ensure that you executed properly. Ensure that you have at least one product set for pickup, then check the product list page and the product detail page in the online store for that product to ensure that the pickup option doesn’t show up on the site. Similarly, check the mobile site on your mobile phone.

-------------------------------------------

TROUBLESHOOTING:

1. Make sure that you have refreshed your page to see the changes in the online store. If the refresh doesn’t work, clear your cache to see if you can now see the change. If you can’t see the change, then something wasn’t properly executed and you’ll need to go back to the OMS and check your work.

2. If something is now a mess in your online store (oops), then it’s likely you didn’t execute properly. To take the store back to where it was before you started, you can reinstate the layout you saved at the outset of this exercise. Do so by clicking the archive button at the top of the Layout section. Under archive actions, click the radio button next to: “Copy Layout ___ into Live Layout”, and use the pulldown to select the layout number of the layout you just archived (which should be the last one in the list). Then hit the Submit button. Then check the online store to ensure the reversion was executed properly. You are now ready to try again.

rev: 10/15/21

Did this answer your question?