Responsive Design shop

[wp4all]

Hi @ all,

I try to get the whole shop design al little bit responsive, but................... here I'm incapable.

I did already some changes on the clientareahome.tpl

from:          to:     

 

These monster pictures are gone and everything is centered so far so good.

But the promo boxes under the clientareaproductdetails.tpl are added by function, so there is no code that can be corrected .

This is the part I'm talking :

On mobile: 

What the hack ok I'm sure there would be 0,001% customer that starts to order by Phone but........ really ? 

 

I know about taste can argue but images that take 1/3 of the screen ?

This button for example :

                <button type="submit" class="btn btn-success">
                {$promotion->getCta()} {$product->name} {if $product->isFree()}{lang key="orderfree"}{else}from just {$product->pricing()->best()->breakdownPrice()}{/if}
                </button>

You can't even get a wordwrap in the Text of this monster - button because the class will be used for all promos.

One and the same picture for Desktop/ Mobile oO  shrinked down from 300x300px to 80px 

I don't talk about sizes in kib, the whole coding makes me speechless.

I didn't found time to get an view on the new market under 7.6 I hope really it will be a little bit better otherwise I will kick this shop out.

As I heard from @Brian! we will still need our hacks to get the Shop translated.

Greetings Chris

[brian!]

19 hours ago, wp4all said:

I try to get the whole shop design al little bit responsive, but................... here I'm incapable.

I fear that you may be opening up Pandora's box trying to fix WHMCS styling code for mobiles... it's bad enough on the desktop... they even have an aversion to giving most elements any IDs - which makes manipulating them difficult without going in and editing the template.

19 hours ago, wp4all said:

But the promo boxes under the clientareaproductdetails.tpl are added by function, so there is no code that can be corrected .

technically you could attack the arrays either by editing the /six/store/promos/upsell.tpl template, or with a clientarepagehome hook - it really depends what you want/need to do with them...

<div class="promo-banner promo-banner-rounded {$promotion->getClass()}">
    <div class="panel-body">
        <div class="icon-left">
            <a href="{routePath($promotion->getLearnMoreRoute())}">
                <img src="{$promotion->getImagePath()}">
            </a>
        </div>

the above is from the v7.6RC upsell.tpl file... there's only one upsell file now, there were at least 2 in v7.5

19 hours ago, wp4all said:

You can't even get a wordwrap in the Text of this monster - button because the class will be used for all promos.

you could identify a specific promo if you had to by identifying something unique in that array - e.g the image filename would be unique to each promo.

19 hours ago, wp4all said:

I don't talk about sizes in kib, the whole coding makes me speechless.

it's never been great in the 5 years i've been using WHMCS - sadly, it's not getting any better.

19 hours ago, wp4all said:

I didn't found time to get an view on the new market under 7.6 I hope really it will be a little bit better otherwise I will kick this shop out.

the screen video is what Chrome tells me what the v7.6 clientareahome page would look like on an Apple 7.

https://www.screencast.com/t/5qQkEfjmV

nice to see that Sitelock typo I mentioned a month or two ago is still there... on the ball as always.

btw - there are still some serious bugs in the RC, so i've got no idea whether they think it's ready for release any time soon (I don't think it is - but i've said that about every release for the last 2 years... so I guess we won't find out until that release!)

19 hours ago, wp4all said:

As I heard from @Brian! we will still need our hacks to get the Shop translated.

I wish they would just either translate it all correctly, or leave it alone and let others do it properly.... this half-way house were it's a dodgy incomplete translation is an absolute pain.

[wp4all]

Hi Brian,

28 minutes ago, brian! said:

I fear that you may be opening up Pandora's box trying to fix WHMCS styling code for mobiles... it's bad enough on the desktop... they even have an aversion to giving most elements any IDs - which makes manipulating them difficult without going in and editing the template.

year I think also.

About the promo boxes I guess I will try it with an hook otherwise I have to change it at 7.6 again.

Yea as I can see on your screen cast the Buttons still in mega sizes and have no page break.

I just want to moan i believe it is the warm weather here.

Greetings Chris

 

[brian!]

54 minutes ago, wp4all said:

About the promo boxes I guess I will try it with an hook otherwise I have to change it at 7.6 again.

ultimately, you're just looking at string replaces if you're changing the html within the arrays.

54 minutes ago, wp4all said:

I just want to moan i believe it is the warm weather here.

it looks like you have a hot week ahead of you! 😎