Page 1 of 1

Mobile Layout View

Posted: Fri Oct 25, 2024 4:51 am
by Bostem
Good Evening All,
This is my first post on the forum and I apologise if this question is either in the wrong place or has already been raised and/or answered.

I have a main ecommerce website domain and have created a number of sub-domains with associated layouts for a number of my clients. Each of the sub-domains have a seperate layout which includes the clients "logo" as the store logo, and on a few of them, a differenet colour scheme to my main web site. These all work and appear as required when viewed on PC/Latop, however when viewed, as many of them are these days, on mobile devices, the store logo and colour scheme revert back to my main site details.

I changed the sub-domain layout colour scheme in "public_html/catalog/view/theme/myshop/css/css_compress_colours.php" which works as I want it to (as stated above), but I assume I also have to edit/update another part of this file, or another file to ensur ethe "Mobile Layout" view also displays the relevant store logo and colour scheme.

If anyone can help and/or advise I would be very grateful.

My main website domain is https://dnbsupplies.com and one of my sub-domains with different store logo and colour scheme (which changes when viewed on Mobile) is https://fortitudefitness.dnbsupplies.com

Thanks in advance

Re: Mobile Layout View

Posted: Fri Oct 25, 2024 5:18 am
by ADD Creative
You will need to post your OpenCart version and the theme your are using. It doesn't look like OpenCart 1.5.x or the default theme. It looks a very customised theme. Have you contacted the developer about the issue?

Re: Mobile Layout View

Posted: Fri Oct 25, 2024 5:34 am
by Bostem
Apologies I did mean to include the following details...we are running Opencart Version 2.3.0.2 and our theme is based on the MyShop theme.

Re: Mobile Layout View

Posted: Fri Oct 25, 2024 7:31 am
by grgr
When in mobile view it hides the Desktop header div and shows the mobile header div - which has your default logo in.

So, maybe some updates to the template files and/or controller files required

Re: Mobile Layout View

Posted: Fri Oct 25, 2024 2:45 pm
by Bostem
Thanks grgr - please forgive my ignorance as I am new to opencart development/updates, where would I find the "mobile header div" ?

Re: Mobile Layout View

Posted: Fri Oct 25, 2024 4:21 pm
by ADD Creative
For the default theme it's in catalog/view/theme/default/template/common/header.tpl. However you theme will be different, it won't be the the default directory for a start.

Re: Mobile Layout View

Posted: Fri Oct 25, 2024 6:38 pm
by JNeuhoff
Check if there is a catalog/view/theme/myshop/template/common/header.tpl . It should have a logo section, and in there use something like this:

Code: Select all

<div class="logo2">
    <a href="/"><img src="https://fortitudefitness.dnbsupplies.com/image/catalog/01%20-%20Fortitude%20Fitness/Fortitude%20Fitness%20Full%20on%20green.png" title="DNB Supplies" alt="DNB Supplies"></a>
</div>

Re: Mobile Layout View

Posted: Fri Oct 25, 2024 7:08 pm
by by mona
Just to add FYI
Files and folders should have no spaces or special characters.
Both your image folder and the image itself have spaces.

Capital letters are not an issue, but should be avoided.

Re: Mobile Layout View

Posted: Mon Oct 28, 2024 3:36 am
by Bostem
JNeuhoff wrote:
Fri Oct 25, 2024 6:38 pm
Check if there is a catalog/view/theme/myshop/template/common/header.tpl . It should have a logo section, and in there use something like this:

Code: Select all

<div class="logo2">
    <a href="/"><img src="https://fortitudefitness.dnbsupplies.com/image/catalog/01%20-%20Fortitude%20Fitness/Fortitude%20Fitness%20Full%20on%20green.png" title="DNB Supplies" alt="DNB Supplies"></a>
</div>
Thanks, I will have a look for that, much apprecitaed

Re: Mobile Layout View

Posted: Mon Oct 28, 2024 3:37 am
by Bostem
by mona wrote:
Fri Oct 25, 2024 7:08 pm
Just to add FYI
Files and folders should have no spaces or special characters.
Both your image folder and the image itself have spaces.

Capital letters are not an issue, but should be avoided.
Thanks Mona, but where do yoiu mean and what specifically? I appreciate yoru advice and help.

Re: Mobile Layout View

Posted: Mon Oct 28, 2024 6:33 am
by grgr
https: //fortitudefitness.dnbsupplies.com/image/catalog/01%20-%20Fortitude%20Fitness/Fortitude%20Fitness%20Full%20on%20green.png

Folder name is "Fortitude Fitness"
Image name is "Fitness Full on green"

It is best not to have spaces: Fitness-full-on-green