Hi,
1.
I don't understand what you mean. I still have the title field when I edit an image of a product:
monosnap.com/file/BgGk30BBbDBikw2pHOSYHdihKObLsR
Please provide more information.
2.
The options system either use jquery or mootools to update the price with options when an option is selected.
If you get that javascript error, it would indicate that neither are available on the page.
Try changing the code:
try{
new Ajax('".$baseUrl."price='+price_with_options.value+'".$url_itemid."', { method: 'get', onComplete: function(result) { var totalPrice = window.document.getElementById('hikashop_product_price_with_options_main'); if(totalPrice) totalPrice.innerHTML = result;}}).request();
}catch(err){
new Request({url:'".$baseUrl."price='+price_with_options.value+'".$url_itemid."', method: 'get', onComplete: function(result) { var totalPrice = window.document.getElementById('hikashop_product_price_with_options_main'); if(totalPrice) totalPrice.innerHTML = result;}}).send();
}
to:
var target = document.getElementById('hikashop_product_price_with_options_main');
if(target)
window.Oby.xRequest('".$baseUrl."price='+price_with_options.value+'".$url_itemid."', { mode: 'GET', update: target });
in the file "option" of the view "product" via the menu Display>Views.
That will use our own javascript library instead of mootools/jquery and it should work fine in any case.
3.
It's just because your template CSS forces the width of the inputs on the frontend. So you need to add custom CSS to force yourself the width over the CSS from the template.
For example, you could try: .hikashop_cart_module input, .hikashop_product input{ width: 30px !important; }
The exact CSS to use depends on how the shop is configured and what CSS is added by the template, so with just the screenshots, I can't guarantee that it will be that exact CSS which will work. You might need to adapt it.