food shop calculation and design

Please find all details below: Job 1 We need to show a compare price (100gramm price) for each product variant on product detail page. This is a legal requirement in some countries. I have already set up a code which works fine. But if there is a product which has more then one variants available you need to refresh before see the correct price. if you open the product "45" is already choosen then 17,55 is correct 100g price, then click on 90gram and refresh. i just changed the price to 19,77 for 90 grams - 100 gramm price must then 21,96 which is correct but you need to refresh. so i guess to do it instand you need to change something in javascript. by the way if there is only one variant everything works fine - code to display calculation is below ######code starts######### {% assign variant = product.selected_or_first_available_variant %} {% if [login to view URL] > 0 %} {{ [login to view URL] | times: 100 | divided_by: [login to view URL] | money }} {% endif %} / 100 g inkl. MwSt. zzgl. Versand ###########end code######### >> and if the variant name is not e.g. 100g, but rather 100ml - text must display "xx price for 100ml" Job2 if you choose a variant and then click on add to basket the basket is not counting (updating in header without refreshing - so i guess its the same problem like job 1 - so should refresh instant Job 3 we like to change the search bar (see picture) - at the moment there is kind of pop up shown when you cklick on search icon (header right side) and we thought it s much better to have an search like that placed above the menue in center Job 4 if you have some products in your basket - table in basket looks like this (picture 1). we like to have it more cleaner like (Picture 2) Shop Link Thx