Add To Cart Anywhere

The Add To Cart Anywhere app will not display the "Add to Cart" button for products that are sold out, and no additional configuration is necessary. Simply go to the Visual Preference section, and check the option: Display a sold-out button when the product is out of stock.

However, if you allow customers to purchase items that are out of stock, such as pre-orders or backorders, the button will still appear.

You can control this behavior in your Shopify admin by adjusting the “Continue selling when out-of-stock” option in the product editing form.

You have two options:

1. Display a “Sold Out” button – This replaces the “Add to Cart” button, clearly indicating that the product is no longer available.
   
2. Keep the “Add to Cart” button active – You can allow customers to add the product to their cart, even when it’s out of stock. This is useful if you’re accepting pre-orders or if the stock will be replenished soon.
   

Yes, you can change the button text for a specific product but it will require you to easily add a custom tag to that product in your Shopify admin. Follow these steps:

1. Go to the 'Products' section in your Shopify admin.
   
2. Select the product you want to modify.
   
3. In the 'TAGS' section, add the following tag along with the text you'd like to display on the button: cbb-add-to-cart-button-text:Your Custom Text. For example, if you want the button to say "Order in advance," use cbb-add-to-cart-button-text:Order in advance.
   
4. Click 'Save.'
   

It may take a few minutes for Shopify to apply the changes.

To display the 'Add to Cart' buttons on a custom page, edit the page's HTML content and add this code at the end:

<span class="cbb-show-add-to-cart-button"></span>

This will not affect the page's appearance. Save your changes, and the buttons will appear under the product links within a few minutes. If it doesn’t work, contact our support team for assistance!

If the buttons are not displayed in the correct location, it may be due to your theme’s unique structure. You can manually adjust this by going to the app preferences page, navigating to the Location preferences section, and setting the Product link selector to point to the correct location in your theme's HTML. For themes with different mobile layouts, you can configure separate values for mobile devices. If you need assistance, feel free to contact our support team for help!

To hide the 'Add to cart' button on a collection page, edit the collection's HTML description in your Shopify admin and add this code:

<span class="cbb-avoid-add-to-cart-button"></span>

Save your changes, and the widget will no longer appear on that collection page. Note: This does not apply to featured collections on the homepage.

To prevent a product from displaying the 'Add to Cart' button, add the tag cbb-avoid-add-to-cart-button to the product in your Shopify admin's Products section. For collections, add the tag to all products in the collection. Changes may take a few minutes to apply.

Yes, you can add a 'Pre-Order' button for pre-selling products. While the app allows a single button text for all products, you can follow the steps in this article to set up a specific 'Pre-Order' button for pre-sell items.

Yes, you can change the button redirect policy for specific products by adding the appropriate tag in the product's 'Tags' section in Shopify. Use one of these tags:

• cbb-add-to-cart-button-redirect-to-cart
• cbb-add-to-cart-button-redirect-to-product-page
• cbb-add-to-cart-button-redirect-to-checkout
• cbb-add-to-cart-button-remain-on-page

After adding the tag, click 'Save'. Changes may take a few minutes to apply. For multiple products in a collection, use Shopify's Bulk Edit feature for faster updates.

Yes, the product image can change when a different variant is selected! Simply enable the Update product image when selecting a new variant option under Visual preferences > Variant selector advanced options in the Add To Cart Anywhere app. Make sure the show variant selector when the product has more than one variant option is also enabled for this feature to work.