Ecommerce Shopify WordPress Discussion

Hiding Sold Out Product From Online Store Vs POS

Hey there folks we recently switched over fully to shopify POS for our in-store operations as we were previously under quickbooks. We have been using shopify as our webstore for a while now but have encountered an issue now that we have two "locations" Not all items can be sold online, so we have to have separate stock locations. Plus we do a lot of online sales and don't want either the retail store or online stealing from the other when stock sells. (hence the two location situation) The problem we are having is items that are have quantity available in the Retail location are showing up on our store page but as "sold out" which is frankly becoming a mess for browsing. Is there a way to hide things that are out on the Online store location but still available in the in-store location? I tried some workflows but I don't think it is helping as it only hides things that are out of stock in both locations. (Truly 0 in the store total) I would rather not have to get yet another app we have to pay for but if reasonable, that is an option. Thoughts? Thanks!
Not sure if we are on the same page but want to make sure. So putting in CSS for example: .item--sold-out{ display: none; } Copy Inside your site (going into your code editor and placing code inside your header) also makes items not display in your POS system? No settings would be touched and no tags would be used it would be strictly just the front end code that effects what is displayed on your site. Just double checking here to make sure we mean the same thing.

December 28, 2023

Thank you for the offer, However we already have code that adds a hide tag to anything out of stock, but it only appends it if the item is out of stock at both locations (POS and Warehouse). We have not found a way for it to append the tag if there is still inventory at the POS location (we call Retail) but it is sold out at the Warehouse location.

December 28, 2023

I may be able to write up some simple code to hide the sold out products on your site. Thinking about all the ways you could do it otherwise sounds insanely tedious. Usually sold out products have a class appended to it. I can write some code to select that class and hide its parent container. Then I could use a line of javascript to adapt the page so there isn't some random empty space between the products. If you have the URL for the site I could look at it and can see if this would be straight forward. The hiding the product would be insanely easy, I would just need to look at the structure of some of your pages to see how easy it would be to make the page readjust. If it is responsive it should work well. Note: This approach would work well because it just effects your DOM ( what you see on your website ) and doesn't touch anything in your backend (your inventory that other channels use such as your POS system)

December 28, 2023

Generally solved either by A) having duplicate products with completely separate publishing and inventory B) duplicate products combined with inventory syncing via an app C) theme customizations for the online-sales channel that use some flag to hide products or their variants. The flag often requiring an app if shopify-flow cannot facilitate that part. With some variances for which system needs to show/hide/change the display of specific merchandise features. i.e. show in online-store but don't show in POS, add contact-form for online store shipping but allow purchase for pickup, etc etc For automations I recommend mechanic because of it's flexibility though it requires knowledge of liquid to use it's scripting approach. @Vriess wrote: I would rather not have to get yet another app we have to pay for but if reasonable, that is an option. Mechanic has pay what feels good pricing if you want it. Example tasks as naturally it doesn't have an exact task in the library for every use case. @Vriess wrote: tried some workflows but I don't think it is helping as it only hides things that are out of stock in both locations. (Truly 0 in the store total) Because of that, granular inventory data is not provided to the theme system , any theme customization requires some sort of flag either on the product or the variant itself to indicate status. If you need this automation or customization created then contact me by email for services. Contact info in forum signature. ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

December 28, 2023

TurboCommerce make the better internet purchasing globaly

Turbo Multi-language Translator

Make the better internet purchasing globaly

Turbosify SEO Speed Booster

5.0 (7) Free plan available
Get better conversions by improving store loading speed Installed

Turbo Multi-language Chat - AI Customer service in one hand

TurboCommerce make the better internet purchasing globaly
Our products

The help you need, when you need it

App by Turbo Engine

3 apps • 5.0 average rating

Turbosify Speed Booster

5.0 (7)
Get better conversions by optimizing shopify store Google page speed Installed

Turbosify Translator for Wordpress Woocommerce

5.0 (74) Free Wordpress Woocommerce Plugin
Translate your wordpress website to multiple language within 1 click, no configuration needed, no No technical required

Grow your business here

Whether you want to sell products down the street or around the world, we have all the tools you need.