Solved

Adding sezzle widget to product page for ELLA & DAWN

Denzel
Shopify Partner
59 0 34

I'm trying to add sezzle widget to the product page for ELLA & DAWN but it isn't adding with sezzle's widget app neither the code. I'm only getting to add zip's widget. 

Screenshot 2022-08-25 at 11.18.10 PM.png

Accepted Solution (1)
KetanKumar
Shopify Partner
36845 3636 11978

This is an accepted solution.

@Denzel 

add this code main-product section line 219 to 232

 <!-- Sezzle Static Widget -->
            <div id="sezzle-widget"></div>
            {{ 'sezzle-static-widget.js' | asset_url | script_tag }}
            <script>
              var renderSezzle = new AwesomeSezzle({
                  amount: '{{ product.selected_or_first_available_variant.price | money | strip_html }}'
              })
              renderSezzle.init();
              document.onchange = function(){
                var newPrice = '{{product.selected_or_first_available_variant.price | money | strip_html}}';
                renderSezzle.alterPrice(newPrice);
              }
            </script>
            <!-- End Sezzle Static Widget -->
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 6 (6)

KetanKumar
Shopify Partner
36845 3636 11978

@Denzel 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Denzel
Shopify Partner
59 0 34
KetanKumar
Shopify Partner
36845 3636 11978

@Denzel 

thanks i can see this your Dawn theme 

KetanKumar_0-1661490724552.png

 

do you have any different theme>?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Denzel
Shopify Partner
59 0 34

@KetanKumar 

it's the same Dawn theme

KetanKumar
Shopify Partner
36845 3636 11978

@Denzel 

ok please share your device details 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
36845 3636 11978

This is an accepted solution.

@Denzel 

add this code main-product section line 219 to 232

 <!-- Sezzle Static Widget -->
            <div id="sezzle-widget"></div>
            {{ 'sezzle-static-widget.js' | asset_url | script_tag }}
            <script>
              var renderSezzle = new AwesomeSezzle({
                  amount: '{{ product.selected_or_first_available_variant.price | money | strip_html }}'
              })
              renderSezzle.init();
              document.onchange = function(){
                var newPrice = '{{product.selected_or_first_available_variant.price | money | strip_html}}';
                renderSezzle.alterPrice(newPrice);
              }
            </script>
            <!-- End Sezzle Static Widget -->
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing