• Home
    • Blog
    • Contact
  • Home
  • Blog
  • Contact
  1. Zodiac

Zødiac framework

for Jimdo websites

Make your website unique with customizable settings, including fonts, colors, and page configurations

draggable-hero center-align color-white mid-round-btn col-8
Getting started

Core features

Customize your website with additional awesome widgets and theme customizations

Easy to use

Detailed documentation with Jimdo admin menu

No code skills required

Copy and paste functions


Fully responsive

Responsive design for tablet and mobile devices

+30 custom widgets

Available more than 30 custom widgets


Fast installation

It takes less than 1 min for installation

Support & updates

Professional support and free updates


Installation

Current version: 5.2 (21-01-2021)

To install the Zodiac framework, you need to make just 2 steps:

01  Copy the below code and paste it to Edit Head ( in admin menu >Settings> Edit Head )


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script src="https://u.jimcdn.com/cms/o/sd2328d691f491b7c/userlayout/js/zodiac-jimdo-5-2.js?t=1611264228" async="true" type="text/javascript"></script> <link href="https://u.jimcdn.com/cms/o/sd2328d691f491b7c/userlayout/css/zodiac-jimdo-5-2.css?t=1611260661" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css" />

<style type="text/css"> /*<![CDATA[*/ .bg-primary { background:#0033cd!important;} .bg-secondary { background:#e26563!important;} #cc-inner .j-formnew input[type='submit'],#cc-inner .hs-button { padding:18px 45px; }
/*]]>*/ </style>



bg-grey mid-round add-20 wow animated fadeInUp

02  Copy the zodiac framework menu and paste it to the footer or sidebar of your website using the module Widget/HTML


<!-- Add this section to sidebar or footer of your website --> <a href="#0" class="cd-btn"></a> <div class="cd-panel from-left"> <header class="cd-panel-header"> <span>Zodiac Framework</span> <a href="#0" class="cd-panel-close"></a> </header> <div class="cd-panel-container rel"> <div class="cd-panel-content hs-left col-4"> <!-- ************* Vimeo Popup ************* --> <div class="invisibleh"> <a class="mt" href="https://www.hembarevskyy.com/projects/zodiac/documentation" target="iframe-holder">Documentation</a> <a class="mt" href= "https://www.hembarevskyy.com/projects/zodiac/custom-widgets" target="iframe-holder">Custom Widgets</a> <a class="mt" href= "https://www.hembarevskyy.com/projects/zodiac/helper-classes" target="iframe-holder">Helper classes</a> <a class="mt" href= "https://www.hembarevskyy.com/projects/zodiac/design-kits" target="iframe-holder">Design kits</a><a class="popup-vimeo mt" href="https://cms.e.jimdo.com/app/siteadmin/layout/api/" target= "iframe-holder">Custom layout</a><a class="mt is-locked" href="https://www.hembarevskyy.com/projects/zodiac/zodiac-pro" target="iframe-holder">Zodiac Pro</a> <a class="mt is-locked" href="https://www.hembarevskyy.com/projects/zodiac/custom-widgets-pro" target="iframe-holder">Pro Widgets</a> <a class="mt is-locked" href= "https://www.hembarevskyy.com/projects/zodiac/zodiac-add-ons" target="iframe-holder">Zodiac Add-ons</a> <a class="mt is-locked" href= "https://www.hembarevskyy.com/projects/zodiac/no-coding-features" target="iframe-holder">No coding</a> <a class="mt is-locked" href= "https://www.hembarevskyy.com/projects/zodiac/support" target="iframe-holder">Support</a> <a class="mt is-upgrade-btn weight-600" href= "https://www.hembarevskyy.com/projects/zodiac/upgrade" target="iframe-holder">Upgrade</a> </div> <!-- ************* End Vimeo Popup ************* --> </div> <!-- cd-panel-content --> <div class="hs-left" style="padding: 50px 0px 0 0px;height:100%;width: auto;overflow:hidden;"> <div class="cc-box"> <iframe name="iframe-holder" id="iframe-holder" class="" style="height:100%;box-sizing: border-box;display: block;"></iframe> </div> </div> </div> <!-- cd-panel-container --> </div> <!-- cd-panel --> <div class="matrix-msg invisible z-menu"> Zodiac Framework </div>

bg-grey mid-round add-20 wow animated fadeInUp

Refresh the page and click the plus icon in the middle of the left side to get the Zodiac framework admin menu.

Please read the documentation before using the framework

bg-grey  mid-round add-20 wow animated fadeInUp

Troubleshooting

The Zodiac menu or other js scripts don't work

The framework is using a jQuery library in section Edit Head. Make sure you have only one to avoid the conflict between different jQuery libraries.

bg-grey mid-round add-20 wow animated fadeInUp

The Zodiac menu is not visible on all pages.

The second code of Zodiac framework menu should be added to footer or sidebar of your website in order to be visible in all pages.

Is it possible to host all files on my own website?

Please check the documentation with detailed instructions about it

Password-Protected Areas

The sections  with Password-Protected Areas are part of the framework "Zodiac Pro" including additional widgets, plugins and custom features. 

Sun

03

Jan

2021

Introducing Zodiac 5.1

Read More
z-bg add-20 link-white mid-round rel h-overflow white-outline-btn

Latest blog posts

Wed

26

Aug

2020

Exploring Puglia

Read More 3 Comments

Fri

24

May

2019

New York, New York

Read More 3 Comments

Thu

11

May

2017

Greater Manchester

Read More 0 Comments
left-footer
footer-blog

Pages

Live preview of custom widgets
Previous version (4.1)
Support
right-footer

hembarevskyy. {Zødiac}

draggable-logo

Privacy Policy | Cookie Policy | Sitemap
Log in Log out | Edit
  • Zodiac
  • Matrix themes
Matrix themes Close
Documentation Quick setup Select a color Select a font Shortcodes Helper classes Updates Enterprise package Help Showcase Marketplace Custom layout
Close