HIKASHOP_RESPONSIVE

  • Posts: 846
  • Thank you received: 92
11 years 1 month ago #127700

Hi i come back to this post because i have better knowledge about CMS and CSS framework , joomlaa framework and CSS preprocesor .

1) Does "if(HIKASHOP_RESPONSIVE) { " mean that inside php file hikashop use predefine boostrap class/id are use ?
many css framework are responsive .....

2) I see in the code that hikashop define (override) boostrap layout variable . Does it do that for the main website Layout or only for hikashop compoment / module ?

3) Does hikashop use only the layout side of bootstrap ?
boostrap is only a toolkit with also jquery ......

4) wich boostrap grid is implemented in hikashop ?
I think it is fluid but mix can exist !!!
hikashop use of class name row-fluid in files show_(tabular |reversed| default) .php listing_div.php login.ph paddress.php .

5) Is there a joomla CMS that support many CSS framework without use <?php if (CSSFW_name) ) ..A css is a layout of style apply on selector not hard link to html tag ( a dream ? ) !!!!

6) Is there a way for mapping selector name beetween CSS framework ?


7) wich version of boostrap is implemented ? i think 2 not 3
.row .spanX -v3.0.0 -become-> .row .col-md-X


regard's

Last edit: 11 years 1 month ago by lionel75.

Please Log in or Create an account to join the conversation.

  • Posts: 26159
  • Thank you received: 4028
  • MODERATOR
11 years 1 month ago #127701

Hi i come back to this post


Hi !

Which post ?
You created a new topic, we don't have the history of the previous post...

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

Please Log in or Create an account to join the conversation.

  • Posts: 846
  • Thank you received: 92
11 years 1 month ago #127703

i was edit from an old post but i have too many questions not related to that post so i copy paste my writing without change the header of my content !! the post contain HIKASHOP_RESPONSIVE key word but not very important ( use google ) .

My post is more about confirmation about Hikashop and CSS framework .

regard's

Please Log in or Create an account to join the conversation.

  • Posts: 26159
  • Thank you received: 4028
  • MODERATOR
11 years 1 month ago #127746

Hi,

1/ And bootstrap is the reponsive framework choose by Joomla.

2/ I don't know what you're talking about.

3/ Same answer. I don't understand your question.

4/ There is one single grid system in boostrap. A grid-12.

5/ Still don't understand.

6/ I guess I lost the context or I don't see the link with HikaShop.

7/ The Joomla version.

That's why I tough that having the context will help me to understand your questions..
If you want to talk about the bootstrap inclusion in Joomla 3, I guess the joomla forum will be more appropriated.

HikaShop made an integration with Joomla 3 few weeks after its release. It uses Boostrap and that's why the option is now call "use bootstrap design" in order to remove the confusion between "responsive" and bootstrap.
They made some choices, they write some requirements for the templates which are not be followed by the template teams.
Today, responsive in Joomla 3 IS bootstrap and nothing else.

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

Please Log in or Create an account to join the conversation.

  • Posts: 846
  • Thank you received: 92
11 years 1 month ago #127767

Hi

I search information about how hikashop use boostrap for define his own layout for all his extension that need ot berendering in the client side .

1) it not because joomla implement responsive behaviour that this functionnalities is use by the designer extension ( Hikashop widget) !! the behaviour is staticly define in the html tag class /id value !!!


4) bootstrap use a 12 column grid but design layout can use fixed grid or fluid grid .The layout is use for define the "index.php" . Do you use boostrap to for widget (module component) ? .Which layout hikashop use ?

7) joomla 3.x support only Bootstrap 2.3 and not 3 joomla forum
bootstrap version

regard's

Last edit: 10 years 7 months ago by lionel75.

Please Log in or Create an account to join the conversation.

  • Posts: 26159
  • Thank you received: 4028
  • MODERATOR
11 years 1 month ago #127870

Hi,

lionel75 wrote: 7) joomla 3.x support only Bootstrap 2.3 and not 3 joomla forum
bootstrap version

Yes I know, I have participate to the discussion too (though the joomla-dev group and though the joomla bug squad).
I have also patched Bootstrap 2.3.2 in Joomla 3.2 in order to restore the missing features.
Bootstrap in Joomla 3 is not the real bootstrap, it has been patch (not my fault) for some weird reasons.
And I never said that we are using Bootstrap 3.. I said we are using the Boostrap in Joomla which is a modified 2.3.

For your other points. I am sorry but I don't understand

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

Please Log in or Create an account to join the conversation.

  • Posts: 846
  • Thank you received: 92
10 years 11 months ago #137484

Hi
don't go to code source this time
1) and 4) could be :

1) for use bootrap . Do we need to rewrite /change all the HTML code and the css selector to not have to change selector use in boostrap javascript code ?

4) Does hikashop extension on the client side ( GUI) use boostrap CSS selector ( class/id/ ... Name ) for the Layout ( use grid or something else ) ?

Regard's

Please Log in or Create an account to join the conversation.

  • Posts: 82906
  • Thank you received: 13378
  • MODERATOR
10 years 11 months ago #137515

Hi,

HikaShop uses the grid layout of bootstrap automatically if the "use bootstrap design" option is turned on in the configuration of HikaShop. To do that, we have if/else in the code of the views to add or not the specific html/classes/ids for bootstrap.

The following user(s) said Thank You: lionel75

Please Log in or Create an account to join the conversation.

  • Posts: 846
  • Thank you received: 92
10 years 7 months ago #152366

I study HKS to understand how HKS manege boostrap and the logic behinds many variable create by HKS to manage boostrap .
At this time there is 13 Layout view in HKS ( 12 core , 1 serial)
Can i have more information ( int value ? , obsolete ? , for html ? ..., for joomla v 3 only .) about thoses variables :
bootstrap_design ( rdbms) = = HIKASHOP_RESPONSIVE ( php) = true
bootstrap_back_design HIKASHOP_BACK_RESPONSIVE
joomla30.php

regard's

Please Log in or Create an account to join the conversation.

  • Posts: 26159
  • Thank you received: 4028
  • MODERATOR
10 years 7 months ago #152369

Hi,

HIKASHOP_RESPONSIVE and HIKASHOP_BACK_RESPONSIVE are two constants defined in the HikaShop helper which said if yes or no the responsive design is asked.

Responsive design means : bootstrap 2.
In HikaShop 2.0 it was just for Joomla 3 but things changed and you can now activate the design in every Joomla versions, the best is to have a responsive template compatible with bootstrap 2.

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

Please Log in or Create an account to join the conversation.

  • Posts: 846
  • Thank you received: 92
10 years 7 months ago #152491

Hi
Why use two differents names ( one with back !! ) ?
regard's

Please Log in or Create an account to join the conversation.

  • Posts: 26159
  • Thank you received: 4028
  • MODERATOR
10 years 7 months ago #152498

Hi,

Because you can activate the responsive in the backend and not in the front-end (and "vice versa").

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

Please Log in or Create an account to join the conversation.

  • Posts: 846
  • Thank you received: 92
10 years 7 months ago #152885

Hi
hard coding is explain by ron.severdia in joomla ux thread

For question2 the reply could be

hikashop use 2 variables to swicth beetween a joomla default template ? or boostrap. Bootstrap could be apply on the front side you want : client / server side . Hikashop don't override php code ( use another php file ) to use html code that use bootstrap selector . Hikashop write the "html code " in a php file with a if ( variable name ) .
the two variable name are

  • for back end HIKASHOP_BACK_RESPONSIVE
  • for front end HIKASHOP_RESPONSIVE

Hikashop don't support variable for manage bootstrap version !! ( a nighmare to manage if they do it )
Boostrap selector use in hikashop should be the 2 version i think 2.3.2 that is the last robust 2 version since bootstrap goes to 3 version ( 3.0 3.0.2 3.0.3 3.1.0 3.1.1 ) . 2.3.2 is not maintian but is the best and can be use without problem

Use bootstrap style only if you don't know css , then you l have a boostrap look and feel even if you use tool to custom boostrap web tool ( size in px and color only no new css properties inside selector see http://getbootstrap.com/customize/ . ) but take care the tool are in many case update to use the last bootstrap version

The hikashop web site don't use explicit bootstrap.css name but a custom css file call /templates/hikashop/templates.css .
the file is not documented but contain .span9 with override input.spanX textarea.spanX table.spanX selector that is use by boostrap 2

the hikashop demo site , the css files location seem better strutured , all the css file goes under media directory . there is 2 template.css files , one for hagane template and another one for falang . I think study HKS demo website answer to my questions from another post

i don't find documentation about bootstrap but this thread is usefull

There is many work to go from 2.3.2 to the last 3.1.1 .
There is also many change beetween the 3.x version so it is like goes to 2.x to 3.x .

hopethis ll be usefull

Last edit: 10 years 7 months ago by lionel75.

Please Log in or Create an account to join the conversation.

  • Posts: 846
  • Thank you received: 92
10 years 7 months ago #152887

For question 5 the reply could be
Don't mix low level joomla Framework JFW , the people who implement JFW also implement many templates for their JFW .
if you want to use bootstrap you have to know if those JFW are compatible with bootstrap so you can use the template bundle with the JFW .
In many case implement update a JFW bootstrap version to last one is a nightmare and can't be upgrade. the use need to install the new JFW version in a new joomla server and transfert data beetween website !!! . so for now january 2014 stick to BS2

JFW add many widget in the Back end to manage ( enable disable ) some javascript , layout , style , joomla extension like megamenu , rtl ......

Here some name JFW / template that use boostrap are

  • gantry framework with rocket theme ( bootstrap compatible )
  • Warp framework with yootheme ( bootstrap compatible but specific to joomla version and Warp version


Many of them don't support RTL but i could say also that about many extensions in JED ( hikashop is a exception )
Many of them don't support ACL for user AND GROUP ( hikashop is a exception )
When you use extension in joomla take care of the compatibility version embedding in the extension .

regard's

Last edit: 10 years 7 months ago by lionel75.

Please Log in or Create an account to join the conversation.

  • Posts: 846
  • Thank you received: 92
10 years 7 months ago #152888

reply for question 6 could be

when you use a new bootstrap version you need to know the change that occur beetween version and use a find replace tool to update to last bootstrap version in all the php file that contain boostrap selector but without loose the logic that make bootstrap javascript work !!!

regard's

Please Log in or Create an account to join the conversation.

  • Posts: 846
  • Thank you received: 92
10 years 7 months ago #152890

since hikashop support bootstrap i ll think i could find information about it in the HKS forum or documentation
but the best answer is

"If you want to talk about the bootstrap inclusion in Joomla 3, I guess the joomla forum will be more appropriated."

for information about joomla and boostrap GO to
a-- joomla forum thread at http://ux.joomla.org/forum/Visual-Design/481-ui-options-and-bootstrap . The thread have many page and post so question seem to be hot and censored at the first reply and after review/study by myself the +/- of bootstrap,i share the point of view of a designer i could say that like @inspired user that " it's a toolkit, a very large and complicated one" .

b-- google forum thread at https://groups.google.com/forum/#!topic/joomla-dev-cms/7ommekXwB-w%5B1-25-false%5D . the thread is not very kind with Joomla even i think it need only enhance its knowledge to make thing go well . inline style should not be use !!!

I see hikashop website use only a specific sub part of boostrap compare to the original css/js content file contain in boostrap .
for javascript i see the bootstrap.min.js size is reduce from 27.96Kb ( original) to 7.56 KB so 1/4 .

Could HKS team explain how they do the optimization for their website so it ca nhelp HKS user understand the work they have to do for their website !


  • a-- using bootstrap tool like the default one the boostrap website
    b-- using preprocessor
    c -- with another tool (which ? )
    d-- all do manually with well knowledge of CSS

  • Regard's

    I use hikshop forum in the hope i will not censored like @brian on the joomla thread and because i read in hikashop forum many users that have problems about custom joomla and hiskashop style without have knowledge of CSS,css location and use only joomla BE.

    Last edit: 10 years 7 months ago by lionel75.

    Please Log in or Create an account to join the conversation.

    • Posts: 82906
    • Thank you received: 13378
    • MODERATOR
    10 years 7 months ago #152907

    Hi,

    The optimization we have on our demo website and main website is mainly having only one css and one js file for our template.
    These are custom made templates with 0 options. So we don't need to have multiple files like more dynamic templates (rockettheme, T3, etc) do.
    So it's unfortunately answer d. We know what we're doing, and there is no magic, just hard work :)
    We spent half a year planning, designing, implementing, migrating, etc from our old Joomla 1.5 website to our new Joomla 3.x website.

    The following user(s) said Thank You: lionel75

    Please Log in or Create an account to join the conversation.

    Time to create page: 0.111 seconds
    Powered by Kunena Forum