Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Themes And Layouts Rate Topic   - - - - -

 
  • Jim01
  • Advanced Member
  • Members
  • Join Date: 25-May 17
  • 50 posts

Posted 04 April 2021 - 01:20 AM #1

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



 
  • Darius
  • Douchebag
  • Members
  • Join Date: 20-Apr 08
  • 3522 posts

Posted 04 April 2021 - 06:35 AM #2

To have separate layout you could use this

https://marketplace....le-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-car...e/?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}
    <div class="ty-mainbox-container clearfix{if isset($hide_wrapper)} cm-hidden-wrapper{/if}{if $hide_wrapper} hidden{/if}{if $details_page} details-page{/if}{if $block.user_class} {$block.user_class}{/if}{if $content_alignment == "RIGHT"} ty-float-right{elseif $content_alignment == "LEFT"} ty-float-left{/if}">
        {if $title || $smarty.capture.title|trim}
            {hook name="wrapper:mainbox_general_title_wrapper"}
                <a class="ty-underline" href="/new.html"><h1 class="ty-mainbox-title">
                    {hook name="wrapper:mainbox_general_title"}
                    {if $smarty.capture.title|trim}
                        {$smarty.capture.title nofilter}
                    {else}
                        {$title nofilter}
                    {/if}
                    {/hook}
                </h1></a>
            {/hook}
        {/if}
        <div class="ty-mainbox-body">{$content nofilter}</div>
    </div>
{/if}

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



 
  • Jim01
  • Advanced Member
  • Members
  • Join Date: 25-May 17
  • 50 posts

Posted 04 April 2021 - 09:34 AM #3

To have separate layout you could use this

https://marketplace....le-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-car...e/?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}
    <div class="ty-mainbox-container clearfix{if isset($hide_wrapper)} cm-hidden-wrapper{/if}{if $hide_wrapper} hidden{/if}{if $details_page} details-page{/if}{if $block.user_class} {$block.user_class}{/if}{if $content_alignment == "RIGHT"} ty-float-right{elseif $content_alignment == "LEFT"} ty-float-left{/if}">
        {if $title || $smarty.capture.title|trim}
            {hook name="wrapper:mainbox_general_title_wrapper"}
                <a class="ty-underline" href="/new.html"><h1 class="ty-mainbox-title">
                    {hook name="wrapper:mainbox_general_title"}
                    {if $smarty.capture.title|trim}
                        {$smarty.capture.title nofilter}
                    {else}
                        {$title nofilter}
                    {/if}
                    {/hook}
                </h1></a>
            {/hook}
        {/if}
        <div class="ty-mainbox-body">{$content nofilter}</div>
    </div>
{/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...   :)



 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 21708 posts

Posted 05 April 2021 - 05:30 AM #4

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


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    Multi-Vendor PLUS           USD 3100 (2775)
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      Multi-Vendor Ultimate       USD 7500 (6000)

 
  • Darius
  • Douchebag
  • Members
  • Join Date: 20-Apr 08
  • 3522 posts

Posted 05 April 2021 - 06:51 AM #5

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....ore-design.html
 

or

https://themehills.c...tegory/add-ons/



 
  • harmsmitsdev
  • Advanced Member
  • Members
  • Join Date: 22-Feb 20
  • 128 posts

Posted 05 April 2021 - 10:15 AM #6

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.


harmsmitsdev@gmail.com


 

Posted 05 April 2021 - 11:05 AM #7

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.



 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 21708 posts

Posted 05 April 2021 - 01:24 PM #8

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


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    Multi-Vendor PLUS           USD 3100 (2775)
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      Multi-Vendor Ultimate       USD 7500 (6000)

 
  • Jim01
  • Advanced Member
  • Members
  • Join Date: 25-May 17
  • 50 posts

Posted 05 April 2021 - 06:57 PM #9

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.