Hello @מלבושים ,
To display automatic discounts on your Shopify store using the Dawn theme. Here's a combined approach that incorporates the best aspects of previous suggestions and addresses potential issues:
Method 1: Using Shopify's Built-in Discount Functionality (Recommended for Most Users)
Create an Automatic Discount:
- Go to your Shopify admin panel.
- Navigate to Discounts > Create discount.
- Set up your discount details:
- Choose a discount type (percentage or fixed amount).
- Enter the discount value.
- Define the discount conditions (e.g., minimum order value, specific products or collections).
- Click Save.
Verify Discount Application:
- Add a product to your cart that meets the discount criteria.
- Proceed to checkout and ensure the discount is automatically applied.
Method 2: Code-Based Approach (For More Customization or Complex Discounts)
Important Note: This method requires editing your theme code. It's recommended to duplicate your theme before making changes and to have basic coding familiarity. If you're not comfortable with code, consider hiring a Shopify expert or using a Shopify App (see Method 3).
Access Theme Code:
- Go to your Shopify admin panel.
- Navigate to Online Store > Themes.
- Click Actions > Duplicate next to your Dawn theme (to avoid modifying the live theme).
- Click Actions > Edit code.
Modify the price.liquid File:
- In the theme code editor, locate the price.liquid file (usually under Sections).
Find the code snippet that displays the product price. It might look similar to this:
<span class="price">{{ product.price | money_format }}</span>
- Replace the above code with the following:
{% if product.compare_at_price > product.price %}
<span class="price original">{{ product.compare_at_price | money_format }}</span>
<span class="price">{{ product.price | money_format }}</span>
{% else %}
<span class="price">{{ product.price | money_format }}</span>
{% if active_discounts %}
<span class="price-discount">You save {{ active_discounts.first.amount | money_format }}</span>
{% endif %}
{% endif %}
- This code checks if a discount is active and displays the discounted price along with the original price (if available). You can customize the CSS classes (original, price, price-discount) to style the discount information.
Save Changes:
Method 3: Using a Shopify App (For Easier Management)
Several Shopify apps can help you manage automatic discounts and display them on your product pages. These apps often offer a more user-friendly interface and additional features compared to code editing. Here are some popular options to consider:
- Automatic Discounts by Booster Apps
- Discounts by POWr
- Discount Automations by Automizy
Additional Considerations:
- If you use multiple automatic discounts, test your store thoroughly to ensure they stack correctly.
- Consider using a discount announcement bar or banner to highlight your promotions alongside the automatic price updates.
By following these steps, you can effectively display automatic discounts on your Shopify store using the Dawn theme, enhancing the user experience and potentially increasing sales.
