Themes And Layouts

Hello,

Cloning themes and creating layouts seems to work fine but so far I can only assign one or more layouts to a single theme and its styles. I couldn't find way to use two different themes, each of which has its own layout(s). Is that possible to have two themes to be active (in use) at the same time in a non-ultimate version of the cart? The purpose is to use one theme for desktop and another theme (not just a style) for mobile.

thanks

To have separate layout you could use this

https://marketplace.simtechdev.com/mobile-layouts.html

For the styling you can make changes to css something like

@media (max-width : 460px) {

}

I used to have separate layout for mobile but now most of the blocks I use are scroller blocks they look good on desktop and mobile.

Use modification so in mobile view I get two items in line not one as default cs-cart look, this reminds grid view

https://forum.cs-cart.com/topic/57632-mobile-homepage-scroller-issue/?fromsearch=1

Also have custom wrappers for the blocks like, that makes title a link to bestseller addon links, promotions page and so on...

Something like this..

{if $content|trim}
    
{if $title || $smarty.capture.title|trim} {hook name="wrapper:mainbox_general_title_wrapper"}

{hook name="wrapper:mainbox_general_title"} {if $smarty.capture.title|trim} {$smarty.capture.title nofilter} {else} {$title nofilter} {/if} {/hook}

{/hook} {/if}
{$content nofilter}
{/if}

Managing separate layout as if two different shops, too much work.. :)

To have separate layout you could use this

https://marketplace.simtechdev.com/mobile-layouts.html

For the styling you can make changes to css something like

@media (max-width : 460px) {

}

I used to have separate layout for mobile but now most of the blocks I use are scroller blocks they look good on desktop and mobile.

Use modification so in mobile view I get two items in line not one as default cs-cart look, this reminds grid view

https://forum.cs-cart.com/topic/57632-mobile-homepage-scroller-issue/?fromsearch=1

Also have custom wrappers for the blocks like, that makes title a link to bestseller addon links, promotions page and so on...

Something like this..

{if $content|trim}
    
{if $title || $smarty.capture.title|trim} {hook name="wrapper:mainbox_general_title_wrapper"}

{hook name="wrapper:mainbox_general_title"} {if $smarty.capture.title|trim} {$smarty.capture.title nofilter} {else} {$title nofilter} {/if} {/hook}

{/hook} {/if}
{$content nofilter}
{/if}

Managing separate layout as if two different shops, too much work.. :)

Thanks, some of the info will be useful for sure but the idea is to have two different themes, not just layouts or theme styles. I have such add-on from another dev and it works just fine.

Let say: I have Theme-1 from developer A and Theme-2 from developer B where: Theme-1 - great looks and performance for desktop and is below average for phones, and Theme-2 - great for mobiles but looks rather weird and performs not so well on desktops. The problem is that by default cs-cart doesn't allow two different themes to be active at the same time. When using one theme, I can modify it to be fine for desktops but it doesn't look and perform so good on phones, and vice versa. Making one theme great for both requires tons of work and $$$ since many elements are used for both styles/devises and needs some serious coding - like one stone two birds. I guess I'm looking for the virtually impossible... :)

Let say: I have Theme-1 from developer A and Theme-2 from developer B where: Theme-1 - great looks and performance for desktop and is below average for phones, and Theme-2 - great for mobiles but looks rather weird and performs not so well on desktops. The problem is that by default cs-cart doesn't allow two different themes to be active at the same time. When using one theme, I can modify it to be fine for desktops but it doesn't look and perform so good on phones, and vice versa. Making one theme great for both requires tons of work and $$$ since many elements are used for both styles/devises and needs some serious coding - like one stone two birds. I guess I'm looking for the virtually impossible... :)

Unfortunately, there is no easy way to do it. At least you will have a lot of issues with cache

Thanks, some of the info will be useful for sure but the idea is to have two different themes, not just layouts or theme styles. I have such add-on from another dev and it works just fine.

Let say: I have Theme-1 from developer A and Theme-2 from developer B where: Theme-1 - great looks and performance for desktop and is below average for phones, and Theme-2 - great for mobiles but looks rather weird and performs not so well on desktops. The problem is that by default cs-cart doesn't allow two different themes to be active at the same time. When using one theme, I can modify it to be fine for desktops but it doesn't look and perform so good on phones, and vice versa. Making one theme great for both requires tons of work and $$$ since many elements are used for both styles/devises and needs some serious coding - like one stone two birds. I guess I'm looking for the virtually impossible... :)

Sorry not convinced :D

Since mobile users on my site are over 60% I prefer theme more dedicated for mobile.
Desktop experience can be enhanced (menu style, floating, sticky elements) with addons as

https://marketplace.simtechdev.com/add-ons/store-design.html

or

https://themehills.com/product-category/add-ons/

Unfortunately, there is no easy way to do it. At least you will have a lot of issues with cache

Its pretty easy to do once you know what variables to change and what hooks to use. But yes, it is janky to say the very least.

Vivashop theme from EnergoThemes is a best-selling theme for CS-Cart. It looks awesome on both desktop and mobile. And it's not expensive.

Its pretty easy to do once you know what variables to change and what hooks to use. But yes, it is janky to say the very least.

I do not mean different layouts within one theme. I mean different themes for different devices

Sorry not convinced :D

Me too :D

Add-ons are great way to bring cs-cart little closer to modern times but do you know way to enable an add-on for desktop and disable it for mobile or vice versa? Some but not all add-ons can be treated as blocks (i.e. mega menu) and you can define where and what devices these blocks to be displayed on. I haven't seen an add-on with setting option "enable/disable for desktop/mobile view" :)

example: product stickers. Adding more stickers for desktop looks like a good idea - more info about a product at a glance. You can even make product images to look like a x-mass tree and it still to be ok, How about if you want no stickers or just the "sale" sticker on mobile view? Or floating cart for mobile but not floating for desktop?

In your case - one at the expense of the other :)

I still tend to believe that having two active themes at the same time would offer wide range of possibilities to give great user experience, regardless of devices used, but as e-Com mentioned - it probably would be a great tech challenge for devs to achieve it.