Checkout layout on iPhone

-- url of the page with the problem -- : tigaracecars.com/services/parts/parts-store/product/listing
-- HikaShop version -- : 2.3.4
-- Joomla version -- : 3.3.6
-- PHP version -- : 5.4.32
-- Browser(s) name and version -- : Safari (iPhone)
-- Error-message(debug-mod must be tuned on) -- : Not applicable

Please see the attached screen captures from an iPhone. The panel marked in red on the checkout page (you have to add an item to the cart to see this problem) is not properly responsive and breaks out of the template on the right hand side (in portrait orientation), causing the page to 'float' (you can/have to push it to the left to see the right hand end of the panel. This doesn't look very good.

This is a new installation and there are only 3 products at the moment, but many more will be added when the store is properly live.

Hi,

Which template are you using ?
You potentially have to add css properties based on the @media like:

@media max-device-width: 1024px {
#hikashop_checkout_cart .hikashop_cart_product_image_value{ display:none !important; }
}

Hi

I'm using a responsive template called Favourite , by www.favthemes.com .

I have tried adding the css code supplied by Xavier to the front end css file - it made no difference. The image was still shown.

However, I don't particularly want the image not shown, I'd prefer if the image remained. What I want is for the page to be responsive as advertised. I noticed in the page code that the element causing the problem is a table, and in my experience tables don't work well on the iPhone browser.

Hi,

Yes indeed the tables are not very good for responsive designs.
But to have something well formed, etc, we use them for the checkout.

On small screens, we can't display as many informations as on large screens, that's why the @media css properties are here to manage the display the way we want for, for example, smartphones.

So adding custom css properties is the correct solution, because depending on the used settings we have to hide or not infomations. Another solution could be to edit the view "checkout / cart" in order to remove all the table html and replace it with divs, or something like that.

Please try this css rule:

@media only screen and (max-width: 1024px) {
#hikashop_checkout_cart .hikashop_cart_product_price_value, #hikashop_checkout_cart .hikashop_cart_product_price_title{ display:none !important; }
}

Hi

I have tried adding the code...

@media only screen and (max-width: 1024px) {
#hikashop_checkout_cart .hikashop_cart_product_price_value, #hikashop_checkout_cart .hikashop_cart_product_price_title{ display:none !important; }
}

.hikashop_show_cart_quantity_td{min-width: 60px;}
.hikashop_show_cart_quantity_td input{float: left;}
.hikashop_show_cart_quantity_td div{float: none;}

@media only screen and (max-width: 1024px) {
#hikashop_checkout_cart .hikashop_cart_product_price_value, #hikashop_checkout_cart .hikashop_cart_product_price_title{ display:none !important; }
}

Hi,

Hmmm that's strange because I tried it in the browser console and it was working fine.
Could you try to replace "only screen" by "all" ?
You can too try to add the css in your template css file.

For the checkout, yes there is an option in Configuration > Checkout > Login & Registration to checkout as a guest.

Yep, done that, still no joy. See the attached screen captures from my iPhone taken after making the last change you suggested and after clearing the cache on the server and the history on the iPhone.

Oh, on the checkout configuration there is no checkout as a guest option. And switching 'registration' to 'no' doesn't work either. See attached...

Hi,

On the screenshot there is no more the "unit price" column so the css is working as it should.

Now you can maybe change the "Total price" text to something shorter.
hikashop.com/support/faq.html#tran

For the guest, registration issue I don't really understand the problem, could you give more details ?
If you want to allow customers to checkout as guests, you need a commercial version of HikaShop.

The problem is I don't want customers to have to register to make a purchase and there isn't an option to allow guest checkout.

Frankly, when I install a component, even a free version, I expect it to work properly out of the box. I don't expect to have to spend hours (and therefore money) discussing things that should simply work, on a forum, and editing code to make it work.

And I don't expect to have to pay for something as basic as having the option to choose guest checkout (what exactly does 'Registration: yes/no' do??). Guest checkout should be a standard option!

timarnold wrote: And I don't expect to have to pay for something as basic as having the option to choose guest checkout...Guest checkout should be a standard option!

Guys I don't need or welcome a lecture or explanation of what Open Source software is, I've been in this industry for nearly 17 years.

I have no problems with paying for commercial versions of software, a) once I have tried, and I am happy with, the free version, and b) if there are desirable additional/advanced features in the commercial version. An example of this is Joomlaworks Simple Image Gallery Pro, which I now renew my subscrition to regularly, having first tried and tested the free version.

As it stands at the moment, HikaShop, which is advertised as 'responsive' has taken up a lot of unecessary time having to post questions on here and fiddle about editing CSS, because an element of it that should fit smartphone screens from the outset, didn't. So it doesn't inspire me with great confidence to purchase a commercial version.

On the subject of registration, the option to allow users to register or not is a basic standard feature of Joomla, and the owner of the website (who incidentally is a multi-millionaire CEO of a multi-national company and himself a programmer/software developer in his own company which specialises in CCTV over IP, and who is a keen supporter of Open Source software) does not want user registration enabled on the race cars website, it's neither necessary or desirable.

If we were able to evaluate the HikaShop component properly, by using the free version without user registration, if we were satisfied with it after a reasonable period of time, and there were features of the commercial version that we would find useful, we would then buy the commercial version, and, where applicable, any commercial plugins that we might find useful.

You both might want to look at how you address customers (or potential customers), your attitude and some of your comments are neither professional nor courteous. If you were representing my business you would just have got yourselves sacked.

timarnold wrote: I have no problems with paying for commercial versions of software, a) once I have tried, and I am happy with, the free version, and b) if there are desirable additional/advanced features in the commercial version.......and there were features of the commercial version that we would find useful, we would then buy the commercial version, and, where applicable, any commercial plugins that we might find useful.

timarnold wrote: On the subject of registration, the option to allow users to register or not is a basic standard feature of Joomla

timarnold wrote: You both might want to look at how you address customers (or potential customers), your attitude and some of your comments are neither professional nor courteous. If you were representing my business you would just have got yourselves sacked.

PolishedGeek wrote:

timarnold wrote: I have no problems with paying for commercial versions of software, a) once I have tried, and I am happy with, the free version, and b) if there are desirable additional/advanced features in the commercial version.......and there were features of the commercial version that we would find useful, we would then buy the commercial version, and, where applicable, any commercial plugins that we might find useful.

I think you just answered your own objection. There's a feature you want that's in the commercial version, and it sounds like your client can certainly afford it.

timarnold wrote: On the subject of registration, the option to allow users to register or not is a basic standard feature of Joomla

As someone who has been working in the industry a long time, I'm sure you are aware that there is a very big difference between standard OOB Joomla registration vs. an eCommerce cart handling all of the various complexities of online shopping with guest checkout. Not the same thing at all.

timarnold wrote: You both might want to look at how you address customers (or potential customers), your attitude and some of your comments are neither professional nor courteous. If you were representing my business you would just have got yourselves sacked.

This will be my last post on this thread that addresses "personal" issues, because there's absolutely no point into turning this into a series of personal comments back and forth about our respective business attitudes. It's my belief that a professional developer is paid fairly for their work, and a professional client respects that, and does not do them the discourtesy of demanding work for free.

So you are aware, I own two hosting and web design businesses in the UK and I'm a partner in another in the US.

When I try new software or extensions for the first time I invariably try/test the free or trial version and if I am happy with it after a reasonable period (usually at least 6 months) I will usually purchase the commercial version (providing that the commercial version includes additional elements that significantly enhance the website) on behalf of many of my own customers as well as recommend it to of other customers and developers.

I don't class guest checkout as a significant enhancement. I see it as something that should be standard. So no, I don't respect your decision to make it available only in commercial versions of your extention.

On the site this is initially being used for, we do not want to have to leave user registration activated (it is temporarily activated at the moment but it will have to be disabled shortly), which leaves us with the only options being to purchase the commercial version now (not an option until after we have tested the extention for at least six months) or, (most likely) look at alternative products.

With software developers in one of our partner companies, there is another alternative...