360 Travaux

Place de marché pour les artisans

  • Développement d’un système de construction et import de landing pages (nombreux blocs dynamiques paramétrables)
  • CMS : Drupal 8

www.360travaux.com

8 octobre 2019|Categories: Références|Tags: , , , , |0 Commentaires

Bijoux Clément Couty

Site ecommerce B2B de vente de bijouterie

  • Développement et intégration
  • Interfaces ERP (import catalogue et clients, export commandes)
  • CMS : Prestashop 1.7
  • En partenariat avec l’agence Nathis web

www.bijouxcc.com

26 juin 2019|Categories: Références|Tags: , , , , |0 Commentaires

Auvergne parachutisme

Site vitrine et vente de bons cadeaux / réservation de sauts en parachute

  • Développement et intégration
  • CMS : WordPress + Woocommerce
  • En partenariat avec l’agence Nathis web

www.auvergneparachutisme.fr

26 juin 2019|Categories: Références|Tags: , , , , , |0 Commentaires

Webzine BYmy)CAR

Webzine du site BYmy)CAR (premier groupe de distribution automobile français indépendant)

  • Développement et intégration (thème sur mesure)
  • CMS : WordPress, construction des pages avec structure ACF souple et complexe (système de strates)
  • Interfaçage avec APIs du site principal

www.bymycar.fr/webzine/

17 octobre 2018|Categories: Références|Tags: , , , , , |0 Commentaires

ASSO ODF

Site institutionnel : Association Syndicale des Spécialistes en ODF

  • Développement et intégration (thème sur mesure)
  • CMS : WordPress
  • En partenariat avec l’agence Nathis web

www.asso-odf.fr

20 juin 2018|Categories: Références|Tags: , , , , , |0 Commentaires

Tatie Maryse

Blog thématique sur la cuisine antillaise, et ecommerce (vente d’ateliers, livres, bons cadeaux, etc.)

  • Refonte : intégration complète et ajout du ecommerce (woocommerce)
  • En partenariat avec l’agence Nathis web

www.tatiemaryse.com

3 août 2017|Categories: Références|Tags: , , , , , |0 Commentaires

Palandgo

Vente de prestations de déménagements.

  • Développement d’un module de configurateur de prestations de déménagement, de gestion des prestataires, et de toutes les fonctionnalités e-commerce associées. Nombreuses options, possibilités de paramétrage, tarification complexe.
  • CMS : WordPress / Woocommerce

http://www.palandgo.com

8 décembre 2016|Categories: Références|Tags: , , , , , |Commentaires fermés sur Palandgo

Cécile Cayon photographe

cecileSite vitrine d’une photographe lyonnaise.

  • Développement complet (thème wordpress sur mesure)
  • CMS : WordPress avec Visual Composer
  • En collaboration avec l’agence Urbanitude

www.cecile-cayon.com

15 décembre 2015|Categories: Références|Tags: , , |Commentaires fermés sur Cécile Cayon photographe

Bootsrap : colonnes de même hauteur, par ligne, et responsive

Un problème récurrent avec bootsrap est d’avoir une présentation en « grille » avec des colonnes de même hauteur.

En effet, par défaut, les colonnes ont leur hauteur déterminée par leur contenu, et aucune solution CSS n’existe pour modifier ce comportement, car les différentes solutions proposées en cherchant sur le net ont d’autres incidences sur la présentation par défaut des colonnes.

La solution est donc de passer par du javascript pour gérer celà.

J’ai développé une petite fonction permettant de faire ça, et qui semble bien fonctionner, je vais donc vous la proposer ici, elle pourra vous faire gagner du temps !

Cette fonction nécessite que chaque colonne ait les classes de taille pour toutes les tailles de fenêtre possible, soit « col-xs-* », « col-sm-* », « col-md-* », « col-lg-* ».

Il faut également ajouter une classe « col-same-height » aux colonnes que l’on veut avoir de même hauteur.

Elle part également du principe que la taille de la grille est de 12 (valeur par défaut de bootstrap), et que les tailles de containers soient également celles par défaut de Bootsrap.
Si vous n’utilisez pas ces valeurs standard, vous pouvez les modifier facilement dans la fonction.

Code :

$(window).load(function() {
    $(window).resize(resizeColSameHeight);
    resizeColSameHeight();
});

/**
 * Redimensionnement hauteur des colonnes bootstrap "col-same-height" ligne par ligne selon la taille de la vue
 */
function resizeColSameHeight() {
    if ($('.col-same-height').length > 0) {
        var width = $('body').width();
        if (width < 768)
            var size = 'xs';
        else if (width < 992)
            var size = 'sm';
        else if (width < 1200) var size = 'md'; else var size = 'lg'; var classnames = $('.col-same-height').first().attr("class").toString().split(' '); for(var i in classnames) { var classname = classnames[i]; if (classname.indexOf('col-' + size + '-') != -1) var nbCols = 12 / classname.replace('col-' + size + '-', ''); } $('.col-same-height').css('height', 'auto'); if (nbCols > 1) {
            var i = 0;
            do {
                elems = $('.col-same-height').slice(i, i+nbCols);
                var maxHeight = 0;
                $(elems).each(function() {
                    if ($(this).height() > maxHeight)
                        maxHeight = $(this).height();
                });
                $(elems).each(function() {
                    $(this).css('height', maxHeight + 'px');
                });
                i += nbCols;
            } while (elems.length > 0);
        }
    }
}
25 août 2015|Categories: Blog|Tags: |0 Commentaires

Art Luxury Experience

art-luxury-experienceVente d’activités touristiques de luxe à Paris.

  • Développement complet
  • Extranet parternaires, gestion des disponibilités et calendriers de réservations, etc.
  • CMS : WordPress, avec Woocommerce, FacetWP, WPML, etc.
  • Intégration responsive avec Bootstrap
  • Administration serveur dédié Linux Debian
  • En collaboration avec l’agence « Pilot’In »

http://www.artluxuryexperience.com

15 avril 2015|Categories: Références|Tags: , , , , , |Commentaires fermés sur Art Luxury Experience