Making Shipping Estimate Popup Bootstrap pretty

[lesliekirk]

Any tips for making the Shipping Estimate popup match the Bootstrap layout?

[Ron Frigon]

Re: Making Shipping Estimate Popup Bootstrap pretty

Hey Leslie,

I managed to get the shipping estimate to work in a modal. This could probably use some cleaning up, but it's working. I'm no javascript expert, but I was able to disable some of the backing and resizing functions so there wasn't any conflict with the modal.

Add this to your cart for an example: http://dev.gpencil.com/product/3697.php

You'll need to add this css style:

#shipestimate_dialog.modal {overflow:visible; overflow-y: visible;}

This will remove the scrollbar from the modal.

Remove these styles:

.shipestimate_dialog
.shipestimate_backing

Remove this from the page template:

<div id="shipestimate_backing" class="shipestimate_backing"></div>

This is my Shipping Estimate content:
shipping-estimate.txt

[Ron Frigon]

Re: Making Shipping Estimate Popup Bootstrap pretty

Found one other change I made...

In the custom.js I commented out function shipestimate() located under JS_BASK. The javascript from my shipping-estimate.txt could be removed and copied to the custom.js file.

[lesliekirk]

Re: Making Shipping Estimate Popup Bootstrap pretty

Nice! Now lets see if I can do this without blowing it up

Many thanks!

[lesliekirk]

Re: Making Shipping Estimate Popup Bootstrap pretty

Thank you! I was able to make it beautiful! But now I need to figure out why it's not pulling in any shipping rates. FWIW, it wasn't pulling in any rates before it was pretty.

[Ron Frigon]

Re: Making Shipping Estimate Popup Bootstrap pretty

Thank you! I was able to make it beautiful!

Awesome! If you figure out how to make it better, let us know.

Cheers!