Hi, I would like to modify the text out of stock and change it to sold out.
I would also like the text to be in the middle of the photo instead of in the bottom right.
as I have it:
how I want it:
Topic summary
A user wants to customize their store’s out-of-stock display by:
Desired Changes:
- Replace “out of stock” text with “sold out”
- Reposition the text from bottom-right to center of product images
Current vs. Target:
The user provided comparison images showing their current bottom-right placement versus their desired centered overlay design.
Proposed Solutions:
A respondent outlined three approaches:
- Manual method: Upload a custom “sold out” image to products that are out of stock
- CSS customization: Modify styles to match the desired centered appearance
- Theme customization: Edit Liquid code to achieve the functionality programmatically
Technical Considerations:
- The “sold out” text is controlled by Liquid code or theme quantity variables
- Custom images can be stored in Shopify’s CDN
- Implementation depends on whether changes apply to product pages (/products/xxxxx) or collection pages (/collections/xxxxx)
- Liquid code knowledge required for automated solutions
Status: Discussion remains open with offer for further assistance.
Hola @milo1832 , a couple of important considerations:
The “sold out” text is based on a quantity validation done through Liquid or a quantity variable integrated with your theme. To modify it, you need to make this change in the Liquid logic or the corresponding code file. If you’re going to use a generic image like the one you posted, you can store it in Shopify’s CDN and display it only for that product. This applies to the product page (/products/xxxxx) or the product list page (/collections/xxxxx). Depending on where it’s displayed, the corresponding adjustment needs to be made.
Possible solutions:
- Customize the theme to achieve the desired functionality, but you need to have knowledge of Liquid code to do this.
- Customize the styles to make it look like the image you showed.
- Manual method where you upload the image to the products that are in the “sold out” state.
Please let me know if you need any further assistance!