New Responsive Theme for CS-Cart 4.0.3: CS-Cart Theme Islands

Developers Frontend
1

New Responsive Theme for CS-Cart 4.0.3: CS-Cart Theme Islands



Theme page:
[url="http://websiteskin.com/categories/yachting?sort=p.price&order=DESC&filter=79"]http://websiteskin.com/yachting[/url]

Live Demo:
[url="http://cs-cart4.websiteskin.com"]http://cs-cart4.websiteskin.com[/url] and select preset "islands_marine" in Theme Editor

Theme have 4 Color`s Presets: Ochre, Taiga, Azure, Marine

Theme work on all devices - Mobiles, Smartphones, Tablets, Desktops. Theme uses HTML5, CSS3, Twitter Boostrap Framework.
Theme adapts different screen widths: 1200px, 800px, 600px, 480px, 320px

2

using Chrome http://cs-cart4.webs…&category_id=41 look like your blocks are a bit messed up.

fu1.JPG

fu2.JPG

3

Hello, johnbol1.



Thank you for your message .



Now all fixed - non-overlapping blocks footer in your browser.

We knew about this before .

FireFox works correctly. Google Сhrome not correct.

CS-Cart developers use a special style #push (and container

) to block the central part is not pushing to footer. For this style, they wrote javaScript - calculating height #push.



We introduced interested users with a new theme CS-Cart 4 in this forum. Because there's no other popular method.

We are confident that in the future, you will not need to write additional posts on the forum.

4

New Theme for CS-Cart 4.0.3: CS-Cart Theme Oceans



Theme page:
[url="http://websiteskin.com/categories/shoes&filter=79"]http://websiteskin.com/shoes[/url]

Live Demo:
[url="http://cs-cart4.websiteskin.com"]http://cs-cart4.websiteskin.com[/url] and select preset "oceans_rose" in Theme Editor

Theme have 6 Color`s Presets: Azure, Cyan, Gray, Ochre, Rose, Ruby

Developers were given a great opportunity to create presets for Theme.
Now no need for each color scheme to create a separate Theme.
If the user has the design skills, he can independently change the color.

Theme work on all devices - Mobiles, Smartphones, Tablets, Desktops. Theme uses HTML5, CSS3, Twitter Boostrap Framework.
Theme adapts different screen widths: 1200px, 800px, 600px, 480px, 320px

5

Hello.



Unlike our themes for versions below 3.0.6, for which the Live Demo was created with use “Themes Selector” embedded in CS-Cart.



Live Demo for Themes version 4.0.3 does not use the “Themes Selector”. Because there is no “Themes Selector” in CS-Cart version 4.0.3 .



Therefore, if you want to see a demo of the necessary Theme. You must switch to the desired preset at standard “Theme Editor”:





To enter click on the button of in the upper right part of the living demo.



Happy New Year to all!

6

Hello.

To find themes do not need to scour over the internet.

Now for CS-Cart version 4.0.3 we created new themes with presets:
1. Theme "Islands" for Yahting Stores. Theme have 4 presets - islands_azure, islands_marine, islands_ochre, islands_taiga.
2. Theme "Atolls" for Bag Stores. Theme have 4 presets - atolls_azure, atolls_cyan, atolls_red, atolls_yellow.
3. Theme "Gulfs" for Flooring Stores. Theme have 4 presets - gulfs_cyan, gulfs_orange, gulfs_rose, gulfs_taiga
4. Theme "Fjord" for Car Audio Stores. Theme have 4 presets - fjord_cyan, fjord_ochre, fjord_orange, fjord_ruby
5. Theme "Bays" for Construction Tools Stores. Theme have 4 presets - bays_grass, bays_gray, bays_marine, bays_ruby
6. Theme "Seas" for T-Shirts Stores. Theme have 4 presets - seas_azure, seas_cyan, seas_rose, seas_ruby
7. Theme "Mountains" for Spare Parts Stores. Theme have 4 presets - mountains_marine, mountains_ochfre, mountains_orange, mountains_ruby
8. Theme "Oceans" for Shoes Stores. Theme have 6 presets - oceans_azure, oceans_cyan, oceans_gray, oceans_red, oceans_rose, oceans_yellow

[url="http://websiteskin.com/cs-cart&filter=65"]Total 8 themes and 36 presets.[/url] and [url="http://cs-cart4.websiteskin.com/"]Live Demo[/url] (select preset in Theme Editor)
Enjoy.

7

I have not found these themes to be of good quality at all. Countless aesthetic errors especially when on smaller devices.



Really wish I could find very high quality responsive theme for cs-cart, but to date, its been difficult. Very disappointed that cs-cart didn't foresee the need to build responsive in version 3, then missed it again on version 4. Mobile trends are skyrocketing!

8

We adapted our [url="http://websiteskin.com/cs-cart?sort=p.price&order=DESC&filter=65&limit=34"]34 themes[/url] for version 4.2.2.
[url="http://cs-cart4.websiteskin.com/"]Live Demo[/url] now working on version 4.2.2.
Technologically, all our 8 themes are styles (old presets) for one theme. As well as in CS-Cart Basic theme: the Available themes are available color styles.
We sell themes as separate products.
Products have names: "CS-Cart Theme Atolls", "CS-Cart Theme Gulfs", "CS-Cart Theme Fjord", "CS-Cart Theme Bays ", "CS-Cart Theme Seas", "CS-Cart Theme Mountains", "CS-Cart Theme Oceans", "CS-Cart Theme Islands"
Each product has from 4 to 6 color schemes (styles, presets)
Overall, we did one theme and 36 styles (preset).
Switch styles (presets) in drop-down list "Theme Editor".
We have not really shown on Live Demo all 36 styles not to confuse your visitors.
Other color schemes are on the screenshots on the [url="http://websiteskin.com/new-templates/cs-cart-4-themes"]pages of themes[/url].

9

NEW What we saw when adapted templates to CS-Cart version 4.2.2 from version 4.0.3:


  1. Folder “presets” is now called “styles” (full path: “design\themes\you_theme\styles”)



    Changes to the file style.css:

    2 . Added styles owl-Carousel styles instead jCarusel. Styles are between comments /* OwlCarousel / … / /OwlCarousel /.

    2.1 Styles between the comments /     jCarusel / … / /jCarusel / can be removed. jCarousel is no longer used.



    3 . Style .thumb-discount-label is now called .discount-label



    4 . Added styles for blocks “Block Benefits” and “Guarantees”. Styles are between comments /     Block Benefits & Guarantees /… / /Block Benefits & Guarantees */

    For this styles use image /design/themes/basic/media/images/icons/benefits_sprite.png



    5 . Styles .tygh-wrap #tygh-wrap #push is no longer used. Since tags are removed:




from template location.tpl (“design\themes\basic\templates\views\block_manager\render”)



Complete please the list , if you have found other changes in styles for version 4.1.1