Shipping Estimate

[Maxer]

Is there a way to add shipping estimate to the mini basket?

Thanks!

[RTHOMASDESIGN]

What ReadyTheme are you using?

[Maxer]

What ReadyTheme are you using?

Shadows

[RTHOMASDESIGN]

It can be done relatively easily... I don't know where your dev/Miva skills are. That said, this is what I would do:

Test this in a dev branch first!
1. Locate the "Estimate Shipping" script located within theme.js. You can find the script under jsBASK. You will want to remove/comment out this code snippet.
2. Create a new Javascript resource (inline).
3. Paste the script into the new resource.
4. Make the resource global (or at least assign it to all applicable pages) and place it in the footer_js resource group
5. Now you need to locate the template code for the estimate form. You can find this in the page BASK > Shipping Estimate (it has its own dedicated tab). Copy this template code and set it aside.
6. Create a new content section (theme components > content sections). Paste the shipping estimate template code into the content section. Copy the item tag (set it aside) and hit add.
7. Find the mini-basket code located under Global Settings.
8. Copy and paste "<button class="c-button c-button--as-link" data-dialog-trigger="shipping-estimator">Estimate</button>" where you want the button displayed.
9. Paste the content section's tag below that.
10. Remove/comment out the <mvt:item name="shipestimate" />. <mvt:comment><mvt:item name="shipestimate" /></mvt:comment>. If you don't do this you'll run into an error on the basket page.

The estimator should now work wherever you have the mini-basket displayed.

Hope that helps! If it doesn't you'll need to reach out to professional services, your own dev, or shoot me a PM. I can install this for you (as a small job) if needed.
-Ryan

[Maxer]

It can be done relatively easily... I don't know where your dev/Miva skills are. That said, this is what I would do:

Test this in a dev branch first!
1. Locate the "Estimate Shipping" script located within theme.js. You can find the script under jsBASK. You will want to remove/comment out this code snippet.
2. Create a new Javascript resource (inline).
3. Paste the script into the new resource.
4. Make the resource global (or at least assign it to all applicable pages) and place it in the footer_js resource group
5. Now you need to locate the template code for the estimate form. You can find this in the page BASK > Shipping Estimate (it has its own dedicated tab). Copy this template code and set it aside.
6. Create a new content section (theme components > content sections). Paste the shipping estimate template code into the content section. Copy the item tag (set it aside) and hit add.
7. Find the mini-basket code located under Global Settings.
8. Copy and paste "<button class="c-button c-button--as-link" data-dialog-trigger="shipping-estimator">Estimate</button>" where you want the button displayed.
9. Paste the content section's tag below that.
10. Remove/comment out the <mvt:item name="shipestimate" />. <mvt:comment><mvt:item name="shipestimate" /></mvt:comment>. If you don't do this you'll run into an error on the basket page.

The estimator should now work wherever you have the mini-basket displayed.

Hope that helps! If it doesn't you'll need to reach out to professional services, your own dev, or shoot me a PM. I can install this for you (as a small job) if needed.
-Ryan

Awesome! Thanks man!