MODULES
...
eCommerce
Cart, Checkout, Shipping and O...

Shipping Options

6min
shipping options let customers choose how fast they'd like ecommerce products delivered and prices are added onto the price at checkout introduction shipping options let customers choose how fast they'd like ecommerce products delivered and prices are added onto the price at checkout here's what it does admin users can add and remove shipping options e g "free delivery", "premium" you can output the shipping options in your cart with their own sub layout once chosen, the shipping option will be saved alongside the customer's cart and the price of shipping will be added to the total price displayed when an order is made, the customer will pay for the price of shipping and the option chosen will be displayed against their order in the admin managing in the admin you can add, edit and remove shipping options in the admin go to ecommerce/shipping options in the left hand menu including the options the options are designed to be included in an html select box in the cart syntax you'll need to add the following liquid where in your cart you want to include your shipping sub layout {% include 'ecommerce/shipping option', layout "siteglide example" %} the only parameter you'll need to include is your layout you won't need to do anything else to implement this feature any options selected by the customer will have their prices added to the price total in checkout custom layouts file structure include your custom layout alongside my layout layouts modules module 14 (ecommerce) shipping option siteglide example liquid my layout liquid here's an example 	 	 \ please select 	 {% for this in shipping options %} 	 {% assign currency = this price properties\["module field 14/price 2"] %} 	 {{this name}} {{this currency symbol}}{{this price}} 	 	 	 {% endfor %} 	 some key points to note from the example you'll need to put the onchange attribute on the html select element itself and use the siteglide function you'll need to loop over the shipping options array we've created for you to build your html option elements you can use a liquid if statement to mark an option as the shipping option currently selected by the user {% if this id == current cart shipping id %}selected{% endif %}