how to add banner on cart drawer?

how to add banner on cart drawer?

digitalsamson
New Member
5 0 0

how to add text banner on cart drawer?

Replies 4 (4)

DaisyVo
Shopify Partner
2380 300 343

Hi @digitalsamson 

 

 

Since your question doesn't include a store link or images, it's unclear exactly how you'd like to add text.

For example, in the Dawn theme, you can add the following code snippet in the cart-drawer.liquid file:
Example screenshot

 

 

 

<div>
    <h3>New text</h3>
</div>

 

 

This would result in: Example screenshot

 

Best,
Daisy - Avada Support Team.

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

LizHoang
Shopify Partner
467 58 85

Hi @digitalsamson, thanks for reaching out.

 

To assist you further, could you kindly share your store URL? 

 

Thanks for your cooperation in this matter.

 

Liz

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program

Bundler-Manuel
Trailblazer
530 25 61

Hey there Samson @digitalsamson  the right answer to give you would depend on the theme you are currently making use of. Alternatively, there are also apps in Shopify you can make use of for this, such as the iCart app. 

Emmanuel
Please let me know if it works by marking it as a solution!
Bundler - Product Bundles app, a great bundle app for Shopify, with glowing user testimonials and a free plan.

binal_identix
Shopify Partner
656 60 116
  1. Access Theme Code:

    • Go to Online Store > Themes, click Actions > Edit Code.
  2. Locate Cart Drawer Code:

    • Find the cart-drawer.liquid, cart.liquid, or ajax-cart.liquid file.
  3. Add Text Banner Code:

    • Insert this code where you want the banner to appear:
      <div class="cart-drawer-banner">
      <p>Your custom message here!</p>
      </div>
  4. Style the Banner:

    • In your CSS file, add:
      .cart-drawer-banner {
      background-color: #f4f4f4;
      padding: 10px;
      text-align: center;
      font-size: 14px;
      }
  5. Save and Test:

    • Save your changes and preview the cart drawer.

Let me know if you need help!

iCart Cart Drawer Cart Upsell App


- If you find the solution helpful, please accept and like it
- To learn more visit www.identixweb.com