button css design

Fig. The developer of this button has used a simple live gradient background for the call to action button, just like in the Instagram website. We just want to add a subtle rounded effect, nothing more. But, you can customize the code script based on the code structure you follow. Floating windows style design is the best option when you have space restrictions. Just select a css button from the library and play its css styles. Though it is a retro element, you can see this effect in many modern websites as well. The CSS-button when hovered over in fancyBox. I have gathered some of the ways of styling buttons using CSS. Generating this can be difficult in regard to broad browser compatibility. Since the concept used in this design is unique, you can use this design for special case scenarios only. You can tone down the effects and make it look professional or make it look better as per your needs. Thin border lines are used to give a cleaner look to the button. The developer of this button has used the effects and the color scheme smartly to create a realistic element. In this set, the creator has given you six types of CSS button animation. Simple CSS Button Hover Effect is another set of CSS button with an animation effect. A complete full-width button style is also given in this pack, along with the regular-sized buttons, which some developers will find useful. These effects do not only look professional but also have a professional code structure. CSS (Cascading type Sheets), can be used to design animated web elements like buttons. 그 중에도 제가 자주 체크하는 사이트가 코드펜 ( codepen )이라는 사이트인데. The entire code script of this fun concept is shared with you on the Codepen editor. Being one of the most important components in web design, they allow our users to complete a certain task. The button border turns into solid color and easily grabs the user’s attention. Screendump from a non-retina monitor. CSS-Mask Button Hover Animation has a simple design with a white background and is followed by 3 different CSS mask button demo boxes. Hence, editing and utilizing the code on your project will be a simple task. With the CSS3 we get more attractive and interactive visual effects. Another advantage with this button design is it is designed purely using the CSS script. Then, upon hover, the button is highlighted and lifts slightly. The floating circular action button is meant for very important functions. In this effect, the shadow of the button moves according to the cursor movement. In this button example, the creator has given three types of button hover animations. Aus diesem Grund gibt es hier eine Sammlung der besten CSS Buttons! mouse over it. The whole button animation is made using the CSS3 script, hence you can easily edit the code and use it even on your existing website. Since this design is made using the CSS3 script, the animation effects are swift. Hence, working with it will be an easy job. The creator has managed to merge effects properly by using perfect timing. Style your button ¶ So, it is time to apply styles to your button. The creator has kept the effect subtle and it also takes only a little screen space; hence, you can easily fit this button on any part of your website. The code script is a little complex because the design has to deal with lots of elements and variables to make the animation smooth. Building a button with a custom graphic. While using W3Schools, you agree to have read and accepted our. The creator has used the particle concept in this example, to give you a real candy blast. Three Pure CSS Buttons given in this set are quitely brilliant one. Title of the... 3. The best part is all the five designs are designed using the CSS script alone. All three buttons are simple and clean, which makes them easily fit on any websites and on any web pages. Required fields are marked *. The developer of this button has given you a very basic design idea. Sep 17, 2020. By default, these effects are simple and neat so you can easily fit this one in any part of the website. This modern CSS buttons pack has all types of buttons pre-designed for you. There are 3 main button types described in material design. As the name implies, the button is treated as a water ball. In this set, the creator has given you nine types of button hover effects. Since the entire animation happens within the chat bubble, you don’t have to worry about space constraints. Plus, the user can use it only when they want. On hovering the button, the arrow extends to cover the text area. Gradient color schemes are one of the modern web design trends followed by top designers. Modern CSS buttons to make user interaction even more engaging. Especially, the button shaking effect at the end let the user really get the feel of launching. This style is one of the most popular which you will see on many types of websites and landing pages. Or you can use this example as an inspiration for your own custom design. Plus, the animation effect takes only a small amount of screen space so you can use this effect on any part of your website. These CSS buttons not only have creative shapes and designs but also have a creative animation effect. Designs like this will help you save space and also to accomplish your goal. In this list, we have collected some of the best and practically applicable CSS button designs that you can use for both website design and application design. Bust still, you can understand the code and can trim it as per your needs. Though the designs are same, both the developers have handled the code differently. The CSS button creator over here has used the same design trick. In the earlier web design, call-to-action buttons are bold and big with sharp boxy designs. .button1 {background-color: #4CAF50;} /* Green */. You can build a Google Sign-In button to fit your site's design. Tip: Use the transition-duration property to determine the By default, it is not interactive, but you can make it interactive if you want. Hence working with it won’t be an issue for you. The deciphering like animation makes it a perfect fit for security company websites, SAAS websites, and hosting websites. Use the background-color property to change the background color of The raised button is a standard button that signify actions and seek to give depth to a mostly flat page. The end result is smooth and clean that fits perfectly in any business websites and creative websites. All three button designs use different animation effects. To make the detail irresistible, you can show how you have discounted for the users. Ob dick und fett auf Deiner Startseite oder klein und dezent im Footer, Buttons sind für den Nutzerfluss auf Deiner Website ein sehr wichtiges Designelement. Hence, working with it won’t be an issue for a developer. Though the effects are creative and unique, they are sleek so the user won’t have to wait. 0. .button3 {background-color: #f44336;} /* Red */. Buttons are interactive elements that every website has and they are an essential part of every web page. If you are looking for a simple yet effective chat button animation, this code snippet will come in to be of great use to you. In this set, you get a different animation effect, so it is worth a look. As more modern websites and applications are adapting dark-theme mode, CSS buttons optimized for it will really reduce the developer’s work. You get dropdown buttons and group buttons along with the regular button design, which makes this pack really unique. by Dirk Metzmacher. font - Sets the font properties. 34 Pure CSS Button Ideas & Inspiration 2019. With the CSS3 script, the new effects look smooth and clean. Plus, you can easily integrate this button on your project. For a company website, a more discreet design is often used, whereas creative industries … Those who want to make a smart button that takes less screen space and deliver a better user experience will find this code snippet extremely useful. Hence the colors are natural and the color mixing effects can be felt clearly on this button. Submit Button CSS3 & Hover Effect. Candy Clicker is another fun button concept. CSS 3D Buttons. Tip: You can also add the cursor property with a value of Purely CSS Button is an interesting button concept. All the animation effects happen on the border of the button, hence the content inside the button is not affected. 1. background-color 2. border 3. color 4. padding 5. text-align 6. text-decoration 7. font-size 8. display (by default inline-block) Les boutons stylés aident à créer des sites web cool. You can take this concept as an inspiration and can make your own unique button design. By making a few adjustments to the code, you can use this button on your website or application. Shadow and depth effects are used to differentiate and highlight the button from the rest of the web elements. In this set, the developer has used new effects. Collection of HTML and CSS radio button code examples: custom, multiple and radio button group. Buttons are used to drive CTA (Call to Action) on most pages, so it’s important to make them stand out and inviting to users. This type of funky and highly animated buttons might help you make some special pages. The V10 Bootstrap CSS buttons pack has hollow button style designs. The developer Derek Morash has given us a more interactive CSS button on this set. The effect is subtle yet it manages to get user attention. For a more unique looking designs take a look at our premium UI kit collections. On its own, the CSS3 button is impressive. CSS Button with Glowing Background is another version of the Animated gradient button design mentioned above. Without taking much of the screen space you can show the options. As this one is designed using CSS script, it only takes less time and mobile data. The only thing that changes is the code. The developer of this CSS buttons has used the latest HTML5 and CSS3 script, hence working with it will be an easy job for other developers as well. By keeping this as a base, you can create your own concept or function for the button. The developer Julia has given a practically working CSS button. The V02 modern CSS buttons pack has beautiful color schemes and contemporary looks that present-day audiences will love. So other developers can use it easily on their projects. These buttons are really funky so that it blends in well on a modern website template. Clicking a button will trigger corresponding business logic. So you can get a clear idea before using this design on your website. Raised Where the double border design really shines is when the user hovers over the buttons. Other than that CSS buttons like this will make the user stop for a second before they instinctively try to close a pop-menu or dialog box. css 버튼 디자인 모음. The only thing you have to do is to tweak it a little based on your website design. Though it is designed for eCommerce websites, you can use it for other websites and applications as well. If you want to make an important call to action button on the webpage unique and interactive from others, effects like this will come in handy for you. If you are looking for contemporary style interactive CSS buttons to give an immersive experience to your users, this design will impress you. You can use this button design on any website. 2016/9/6 2017/4/26 웹메모. Créez <button>.¶ Au début, créez un élément <button>. The transition and animation effects are smooth and you can expect the same result in small screen devices as well. May 21, 2020. For a buttery smooth animation effect, the creator of this button has used Javascript. Since most of the effects are pre-built into the CSS3, you no need to work with other scripts. The V12 has CSS button designs for dark theme websites. Tools exist for creating buttons, such as Easy Button and Menu Maker and My Cool Button, and for creating CSS Sprites, such as CSS Sprite Generator, but the question is, do they really help you create buttons that fit your needs. If you are a UI designer, you will know how micro-interactions are taking the design to the next level. By making a few adjustments, you can use these effects on any professional websites. Alert Buttons Outline Buttons Split Buttons Animated Buttons Fading Buttons Button on Image Social Media Buttons Read More Read Less Loading Buttons Download Buttons Pill Buttons Notification Button Icon Buttons Next/prev Buttons More Button in Nav Block Buttons Text Buttons Round Buttons Scroll To Top Button Today’s tutorial is targeted at those still in the beginner stages of CSS. In this design also you get a continuously glowing gradient button. Anzeige. If you are using that particular UI design in your project, elements like this will add extra life to it. The most common mistake new designers make with gradients is to make them too obvious. In Ant Design we provide 5 types of button. As a result, you get a simple and engaging call-to-action button. The entire button animation and the designs are made purely using the HTML and CSS script. 25 CSS Button Designs & Animations 2020. Whether thick and bold on your homepage or small and discreet in the footer, buttons are a very important design element for the user flow on your website. If you are looking for an out of the box button design concept, this design might impress you. If you are making a retro style website template, elements like this will give an authentic look to your website. For the demo purpose, the creator has used common rectangular buttons. In the previous button animation, you get all the animation done inside the button. Comment Styler les Boutons avec CSS. To make the concept even more meaningful, you can trigger the animation when the user clicks the transaction button. Call to action buttons on the landing page must get the user’s attention. If you are looking for CSS buttons with subtle micro-interaction, designs like this might impress you. The developer of this button design has used HTML, SCSS, and Javascript efficiently to give a properly working button animation effect. by Ashwini Sheshagiri Buttons have become an inevitable part of front end development. Pure CSS buttons and menus do not need graphics anymore but create themselves from the beauty of the written code. So you can easily incorporate this design even on your existing website. As an example, you can design a button with gradient background color, animated hover effects, 3D texts in button and much more. button: Use the font-size property to change the font size of a button: Use the padding property to change the padding of a button: Use the border-radius property to add rounded corners to a button: Use the border property to add a colored border to a button: Use the :hover selector to change the style of a button when you move the In the default button animation effect itself, you can show the download progress and the end result. Go to this CSS3 Gradient generator (or another one that you find through Google) and set two color stops to 0 and 100 using the bottom slider. Example CSS3 for a submit button:.form-submit-button Collection of 12 Pure CSS Button ideas and inspirations that could you with web design project. Create a button ¶ At first, create a <button> element. 1. In this example, the creator has tried to give you the actual feeling of launching a website/application. If you are a lover of simple designs that can be applied practically on any part of your website or applications, the CSS button examples in this pack will impress you. All the six animations are simple and neat so that they blend in easily on any part of the website. Hence, the developers can easily utilize this code and make it fit in their design. Another advantage with this pack is it uses the Bootstrap 4 framework; therefore, you can add modern custom effects to these buttons without any worries. The only drawback of this design is it can be used only on the desktop version. Instead of using a separate button, the developer has sued the icon itself as a button. Cette micro-interaction se compose de deux ronds bougeant autour de votre bouton. Chat tools are among the most effective applications that help the site owners deliver better service to their visitors. content). Cool and responsive buttons with a few lines of CSS. Most of the effects given in this set are swift and clean, which only takes a fraction of a second from user time. As the name implies, the creator has used bubble effects on the button. Along with the liquid effect, the direction aware effect is also added to this button to give an authentic result. Shadow and depth effects are most commonly used on all modern web design templates. This is one of the most practical CSS buttons which you can use on any website and application. The creator of this user has used a logical animation effect. Because of the use of SCSS script and a few lines of Javascript, the animation effect is fluid. The effect used is smooth and clean. As the name implied, this example is for the transaction buttons. When you press the button, the entire scene changes. As the modern mobile devices are having powerful processors and giant RAM space, even effects like this will perform better on mobile devices as well; but, you have to do little optimizations before using this design for a mobile application. To make this dynamic, the developer has used the Javascript and the CSS3 script smartly. The default design might remind you the Microsoft’s fluent UI design. But you can use more trendy colors and gradient colors to make this effect even more attractive and vibrant. A simple “Get Started” buttonFirst, create the button class .button2 {background-color: #008CBA;} /* Blue */. All you have to do is to pick a button design, adjust its design based on your project. Here at Design Shack we like to feature a full range of tutorials, from expert PHP projects to very simple CSS tips. Font size and the color transitions are done perfectly in the default design itself, so if you are in a hurry, you can utilize the code as such and can save your time. You can use the attention-grabbing cool animation effect to make the special button a little extra special and distinctive from others. When you hover the button, the card smoothly moves and inserts itself into a card swiping machine. The creator has used an extruding-style button hover animation, which is simple yet elegant. Update of February 2019 collection. Web Design Takeaway: 40 CSS Buttons, Tutorials and Code Snippets. You get the entire code script used to create this beautiful button design and the best part is you get the code in the CodePen editor. SHARE. ... and it's a waste to load hundreds of kilobytes if you need to show just one button. 11 new items. I hope you like this video. In this set, you get linear-gradients, box-shadows, and pseudo-class animations. Animated CSS buttons like these are fun to use and also add meaning to the design. The creator has made the design a little dramatic in the default design. You can take the button you like and can edit it as per your requirement. Which CSS properties are available for editing? To make this design, the creator has used HTML5, CSS3, and a few lines of Javascript. You can add glow effects to these buttons to make them even more evident to the users and improve the design’s visual aesthetics. Each box contains different animation hover effects that create an amazing picture for your buttons on homepages. The modern HTML5 and CSS3 have given us innumerable possibilities to create elements of any shapes and designs. But with a bit of JavaScript Tobias was … Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. As more than one action is combined with this animation effect, the code structure is also quite complex. On hover, the button slowly transitions with slight letter-spacing and change of color to solid grey. As a result, you get a fast loading page with interactive visual effects. Some of the effects are really cool, which you can even use in mobile application design. In the last years, the web has been invaded by the cool buttons provided by libraries like Bootstrap. Using CSS buttons like this in your design will give a character to your overall design. That will generat… If you are making a narrative style website, buttons like this will help you deliver an immersive user experience. Use the background-color property to change the background color of a button: Example. I need to add the text inside a box indicated by New! Button. Primary button: indicate the main action, one primary button at most in one section. Your email address will not be published. Rather than simply showing, if they want to click it or cancel it, you can show emojis. Well, in this one, all the animation takes place on the outer side of the button. CSS Gradient Buttons. Speaking of mobile application design, take a look at our free UI kit collection to make your work easy. If you are looking for a unique interactive button design for your website or application, this one will definitely impress you. The creator of these buttons has given you a practical design, which people can use on a day to day activity. Another advantage of this design is it is made purely using the CSS3 script. As the entire code is shared directly, you can even trim the effect based on your needs. In the previous CSS button animations, we have seen subtle small animations. 요즘에는 html, css, js등의 코드를 공개하여 모두가 함께 쓸 수 있도록 공유하는 사이트가 무척 많아졌습니다. As the name implies, the creator has used the liquid effect. CSS Submit Buttons. This is a simple CSS button which you can use in any website and application. As all the animation effects take place inside the call to action button, you no need to adjust the contents on your web pages. Your creative designs don’t need to sit on the PSD files alone, they can be given life with the modern web development frameworks. Speaking of iPhones, take a look at our iPhone mockup collection to showcase your app design concepts elegantly to your clients and users. All of them are designed using the latest HTML5 and CSS3 script. Sensible CSS buttons like this eliminate extra clicks and let the user quickly perform the action. Tobias Reich created this sweet parallax button using CSS3 radial gradients and some pretty wacky colors. Shadow and depth effects are most commonly used on all modern web design templates. Follow the steps on changing your submit button as above. Please help me how can I create a button that looks like this with css/html? The creator has given all buttons as one single pack, so you can utilize the button styles easily on your project. You can edit and visualize the results on the editor before using it on your website or project. CSS Flat Buttons. How to create button? For example, you can use it show your color filter or the original image before the edition; just like in the iPhone gallery image editing options. Submit button, disabled button, social media buttons, delete buttons, remove buttons — no matter what type of button you ask, this pack will have a design for you. 167 CSS Buttons. After completing your css button, click on the button preview or "Get Code" button to view generated CSS and HTML codes. Update of April 2019 collection. Button Colors. Some of the buttons even have interactive animation effects, so make sure you check all the button designs in this list. Even if you need you can change the size of the button because it is designed using the latest HTML5 and CSS3 script. Like most other CSS buttons in this list, this one also uses the CSS3 script. Before using the code on your project, you can customize and visualize your customization results. Different color buttons and three different button sizes are given in the pack. The creator has included all types of basic buttons in this pack, so the developers can concentrate on customizing the buttons as per their design requirements. If you want to report an error, or if you want to make a suggestion, do not hesitate to send us an e-mail: .button1 {background-color: #4CAF50;} /* Green */, W3Schools is optimized for learning and training. Take a look at our CSS glow effects collection for more fresh ideas. The developer Julia has given a practically working CSS button. The syntax for CSS3 gradients can be a bit overwhelming at first, so for this tutorial we’ll use a code generator to make the gradient. The developer in this design has used the shadow and depth effect to differentiate the button from the rest of the … Pure CSS Button with Ring Indicator If you’re wanting to draw attention to a call-to-action or something like that, this button might be the perfect choice. The creator has used the share button concept in this example. </p> <p><a href="http://tahri-company.com/tk2252ve/mohamed-ali-cho-marocain-c6c3d7">Mohamed-ali Cho Marocain</a>, <a href="http://tahri-company.com/tk2252ve/oli-en-couple-avec-audrey-c6c3d7">Oli En Couple Avec Audrey</a>, <a href="http://tahri-company.com/tk2252ve/villa-tulum-r%C3%A9union-c6c3d7">Villa Tulum Réunion</a>, <a href="http://tahri-company.com/tk2252ve/%C3%A9nora-malagr%C3%A9-jean-pierre-malagr%C3%A9-c6c3d7">énora Malagré Jean-pierre Malagré</a>, <a href="http://tahri-company.com/tk2252ve/tile-mountain-stockport-opening-times-c6c3d7">Tile Mountain Stockport Opening Times</a>, </p> <div id="themify_builder_content-88304" data-postid="88304" class="themify_builder_content themify_builder_content-88304 themify_builder tf_clear tb_generate_css" style="visibility:hidden;opacity:0;"> </div>  </div> <div class="clearfix"></div> </div> <div class="mb-50"> <div class="bottom"> <div class="tag-links pull-left"> </div>  </div> <div class="clearfix"></div> </div> <div class="btn-wrap"> <div class="single_post_pagination_wrapper clearfix"> <div class="prev-link"> <div class="prev-link-wrapper clearfix"> <div class="prev-text"> <h4><a href="http://tahri-company.com/le-concept-de-produit-kamill/" rel="prev">Previous Post</a></h4> <h2><a href="http://tahri-company.com/le-concept-de-produit-kamill/" rel="prev">Le concept de produit Kamill “100% naturel”</a></h2> </div> </div> </div> <div class="next-link"> <div class="next-link-wrapper clearfix"> </div> </div> </div>  </div> </div> <div class="related-article blog-list-wrap row news-wrap classic-post"> <div class="title-main text-center mb-60"> <h3 class="comments-title">Related Articles</h3> </div> <div class="row"> <div class="col-xs-12 col-sm-4 col-md-4 blog-list mb-60 "> <div class="entry-content blog"> <div class="post-info"> <span><i class="fa fa-calendar"></i> mars 15, 2019</span> <span><i class="fa fa-user"></i> admin </span> </div> <h4 class="entry-title mb-15"> <a href="http://tahri-company.com/glysolid-savon-creme-peau-main-pieds-pour-le-corps-adoucissement-glycerine/"> A propos de Glysolid </a> </h4> <div class="entry-post-content mb-20"> </div> <a href="http://tahri-company.com/glysolid-savon-creme-peau-main-pieds-pour-le-corps-adoucissement-glycerine/" class="opstore-btn bdr"> Read more </a> </div> </div>  <div class="col-xs-12 col-sm-4 col-md-4 blog-list mb-60 has-post-thumbnail"> <figure> <a href="http://tahri-company.com/aliquam-erat-volutpat/" class="image-effect"> <img data-tf-not-load="1" width="1280" height="500" src="http://tahri-company.com/wp-content/uploads/blog-image-2.jpg" alt=""> </a> </figure>  <div class="entry-content blog"> <div class="post-info"> <span><i class="fa fa-calendar"></i> avril 29, 2014</span> <span><i class="fa fa-user"></i> admin </span> </div> <h4 class="entry-title mb-15"> <a href="http://tahri-company.com/aliquam-erat-volutpat/"> Aliquam erat volutpat </a> </h4> <div class="entry-post-content mb-20"> Quisque elementum nibh at dolor pellentesque, a eleifend libero pharetra. Mauris neque felis, volutpat nec ullamcorper eget, sagittis vel enim. Nam sit amet ante egestas, gravida tellus vitae, semper eros. Nullam mattis mi at metus egestas, in porttitor lectus sodales. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptate laborum vero voluptatum. Lorem quasi aliquid […] </div> <a href="http://tahri-company.com/aliquam-erat-volutpat/" class="opstore-btn bdr"> Read more </a> </div> </div>  <div class="col-xs-12 col-sm-4 col-md-4 blog-list mb-60 "> <div class="entry-content blog"> <div class="post-info"> <span><i class="fa fa-calendar"></i> mars 19, 2019</span> <span><i class="fa fa-user"></i> admin </span> </div> <h4 class="entry-title mb-15"> <a href="http://tahri-company.com/les-bienfaits-de-la-glycerine-pour-la-peau/"> Les bienfaits de la glycérine pour la peau </a> </h4> <div class="entry-post-content mb-20"> </div> <a href="http://tahri-company.com/les-bienfaits-de-la-glycerine-pour-la-peau/" class="opstore-btn bdr"> Read more </a> </div> </div>  </div> </div> <div class="comment-area p-pb"> <div id="comments" class="comments-area"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Laisser un commentaire <small><a rel="nofollow" id="cancel-comment-reply-link" href="/7uwcc33p/?ertthndxbcvs=yes#respond" style="display:none;">Annuler la réponse</a></small></h3><form action="http://tahri-company.com/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Votre adresse de messagerie ne sera pas publiée.</span> Les champs obligatoires sont indiqués avec <span class="required">*</span></p><p class="comment-form-comment"><label for="comment">Commentaire</label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required="required"></textarea></p><p class="comment-form-author"><label for="author">Nom <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" required='required' /></p> <p class="comment-form-email"><label for="email">Adresse de messagerie <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" required='required' /></p> <p class="comment-form-url"><label for="url">Site web</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" /></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Laisser un commentaire" /> <input type='hidden' name='comment_post_ID' value='88304' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="155"/></p></form> </div> </div> </div> </div> </div> </div> </div>  </main>  <footer id="opstore-footer"> <div class="primary-padding top"> <div class="container"> <div class="row"> <div class="block footer-widget wow fadeInRight col-md-4 col-sm-4"> <div id="opstore_info-3" class="widget widget_opstore_info "><h6 class="footer-title">Contactez-nous</h6> <div class="footer_info_wrap"> <div class="info_wrap"> <div class="location_info"> <span class="fa_icon_info"><i class="fa fa-map-marker" aria-hidden="true"></i></span> <span class="location">Cité Frina,17 Rue Chahine Monastir 5000</span> </div> <div class="phone_info"> <span class="fa_icon_info"><i class="fa fa-phone" aria-hidden="true"></i></span> <span class="phone">00 216 98 773 523 | 00 216 94 973 202</span> </div> <div class="email_info"> <span class="fa_icon_info"><i class="fa fa-envelope-o" aria-hidden="true"></i></span> <span class="email">tahri-a@tahri-company.com</span> </div> </div> </div> </div> </div> <div class="block footer-widget wow fadeInRight col-md-4 col-sm-4"> <div id="opstore_social_icons-3" class="widget widget_opstore_social_icons "> <ul class="social-icons"> <li><a href="https://www.facebook.com/kamill.tunisie/" title="Facebook"><i class="fa fa-facebook"></i></a></li> <li><a href="https://www.facebook.com/kamill.tunisie/" title="Instagram"><i class="fa fa-instagram"></i></a></li> <li><a href="https://www.facebook.com/kamill.tunisie/" title="Pinterest"><i class="fa fa-pinterest"></i></a></li> </ul> </div> </div> <div class="block footer-widget wow fadeInRight col-md-4 col-sm-4"> <div id="woocommerce_product_categories-15" class="widget woocommerce widget_product_categories "><h6 class="footer-title">Catégories de produits</h6><select name='product_cat' id='product_cat' class='dropdown_product_cat' > <option value='' selected='selected'>Sélectionner une catégorie</option> <option class="level-0" value="apres-shampoing">Après-shampoing (4)</option> <option class="level-0" value="balea">Balea (35)</option> <option class="level-0" value="creme-de-douche">crème de douche (11)</option> <option class="level-0" value="creme-de-peau">Crème de Peau (8)</option> <option class="level-0" value="creme-mains-et-ongles">crème mains et ongles (29)</option> <option class="level-0" value="deodorant">Déodorant (9)</option> <option class="level-0" value="glysolid">Glysolid (16)</option> <option class="level-0" value="kamill">Kamill (31)</option> <option class="level-0" value="lhuile-de-bain">L’huile de bain (1)</option> <option class="level-0" value="lotion-pour-le-corps-glysolid">Lotion pour le Corps (4)</option> <option class="level-0" value="lotion-pour-le-corps">Lotion pour le corps (2)</option> <option class="level-0" value="men">Men (3)</option> <option class="level-0" value="savon">Savon (3)</option> <option class="level-0" value="shampoing">Shampoing (7)</option> <option class="level-0" value="tube">Tube (1)</option> </select> </div> </div> </div> </div> </div> <div class="footer"> <div class="container"> <div class="row"> <div class="col-md-12 col-sm-12 col-xs-12 text-center"> Copyright 2021 - Opstore Theme By <a href="https://wpoperation.com/">WPoperation</a> </div>  </div> </div> </div> </footer>  <a href="#" class="scrollup"><i class="fa fa-angle-up"></i></a> </div>  <div class="full-search-container"> <a href="javascript:void(0)" class="closebtn" ><span class="lnr lnr-cross"></span></a> <form method="get" class="search-form" action="http://tahri-company.com/"> <div> <span class="screen-reader-text">Search for:</span> <input type="search" autocomplete="off" class="search-field" placeholder="Search ..." value="" name="s"> </div> <input type="submit" class="search-submit" value="Search"> <input type="hidden" name="post_type" value="product"> </form></div> <div class="woo-login-popup-sc-modal-overlay "></div> <div class="woo-login-popup-sc-modal woo-login-popup-sc-modal-on "> <span class="woo-login-popup-sc-close"><a href="#"></a></span> <div class="woo-login-popup-sc-modal-inner"> <div class="woo-login-popup-sc-left"> <div id="woo-login-popup-sc-login" class="woo-login-popup-sc woo-login-popup-sc-show "> <h2>Login</h2> <form method="post" class="login"> <p class="woocommerce-FormRow woocommerce-FormRow--wide form-row form-row-wide"> <label for="username">Username or Email Address <span class="required">*</span></label> <input type="text" class="woocommerce-Input woocommerce-Input--text input-text" name="username" id="username" value="" /> </p> <p class="woocommerce-FormRow woocommerce-FormRow--wide form-row form-row-wide"> <label for="password">Password <span class="required">*</span></label> <input class="woocommerce-Input woocommerce-Input--text input-text" type="password" name="password" id="password" /> </p> <p class="form-row"> <input type="hidden" id="woocommerce-login-nonce" name="woocommerce-login-nonce" value="fd28d5facd" /><input type="hidden" name="_wp_http_referer" value="/7uwcc33p/?ertthndxbcvs=yes" /> <p> <label for="rememberme" class="inline"> <input class="woocommerce-Input woocommerce-Input--checkbox" name="rememberme" type="checkbox" id="rememberme" value="forever" /> Remember me </label> </p> <input type="submit" class="woocommerce-Button button" name="login" value="Log In" /> </p> <p class="woocommerce-LostPassword lost_password"> <a href="#woo-login-popup-sc-password" class="woo-login-popup-sc-toggle">Lost your password?</a> </p> </form> </div> <div id="woo-login-popup-sc-password" class="woo-login-popup-sc "> <h2>Reset Password</h2> <form method="post" class="woocommerce-ResetPassword lost_reset_password"> <p>Lost your password? Please enter your username or email address. You will receive a link to create a new password via email.</p> <p class="woocommerce-FormRow woocommerce-FormRow--first form-row form-row-first"> <label for="user_login">Username or Email Address</label> <input class="woocommerce-Input woocommerce-Input--text input-text" type="text" name="user_login" id="user_login" /> </p> <div class="clear"></div> <p class="woocommerce-FormRow form-row"> <input type="hidden" name="wc_reset_password" value="true" /> <input type="submit" class="woocommerce-Button button" value="Get New Password" /> </p> <p class="woocommerce-plogin"> <a href="#woo-login-popup-sc-login" class="woo-login-popup-sc-toggle">Log In</a> </p> <input type="hidden" id="_wpnonce" name="_wpnonce" value="e040a1e5c3" /><input type="hidden" name="_wp_http_referer" value="/7uwcc33p/?ertthndxbcvs=yes" /> </form> </div> </div> <div class="woo-login-popup-sc-bg" style="background-image:url('http://tahri-company.com/wp-content/uploads/logo-00.png')" ></div> <div class="woo-login-popup-sc-clear"></div> </div> <div class="woo-login-popup-sc-modal-footer"> </div> </div> <script type="text/javascript"> (function () { var c = document.body.className; c = c.replace(/woocommerce-no-js/, 'woocommerce-js'); document.body.className = c; })() </script> <script type="text/template" id="tf_vars"> var tbLocalScript = {"builder_url":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder","css_module_url":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/css\/modules\/","js_module_url":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/js\/modules\/","js_modules":{"fwr":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/js\/modules\/fullwidthRows.min.js","bgs":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/js\/modules\/backgroundSlider.min.js","fwv":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/js\/modules\/fullwidthvideo.min.js","feature":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/js\/modules\/feature.min.js","parallax":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/js\/modules\/parallax.min.js","bgzs":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/js\/modules\/bgzoom_scroll.min.js","bgzoom":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/js\/modules\/bgzoom.min.js","gallery":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/js\/modules\/gallery.min.js","menu":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/js\/modules\/menu.min.js","read":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/js\/modules\/readMore.min.js","sticky":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/js\/modules\/sticky.min.js","alert":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/js\/modules\/alert.min.js","tab":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/js\/modules\/tab.min.js","accordion":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/js\/modules\/accordion.min.js","oc":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/js\/modules\/overlay-content.min.js","video":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/js\/modules\/video.min.js","sh":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/js\/themify.scroll-highlight.min.js"},"breakpoints":{"tablet_landscape":[769,1280],"tablet":[681,768],"mobile":680},"fullwidth_support":"","is_lax":"","is_animation":"","is_parallax":"","addons":[]}; var themify_vars = {"version":"5.0.6","url":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/themify","wp":"5.6","ajax_url":"http:\/\/tahri-company.com\/wp-admin\/admin-ajax.php","includesURL":"http:\/\/tahri-company.com\/wp-includes\/","emailSub":"Check this out!","lightbox":[],"s_v":"5.3.6","a_v":"3.6.2","i_v":"4.1.4","js_modules":{"fxh":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/themify\/js\/modules\/fixedheader.min.js","lb":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/themify\/js\/lightbox.min.js","gal":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/themify\/js\/themify.gallery.min.js","sw":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/themify\/js\/modules\/swiper\/swiper.min.js","tc":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/themify\/js\/modules\/themify.carousel.min.js","map":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/themify\/js\/modules\/map.min.js","img":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/themify\/js\/modules\/jquery.imagesloaded.min.js","at":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/themify\/js\/modules\/autoTiles.min.js","iso":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/themify\/js\/modules\/isotop.min.js","inf":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/themify\/js\/modules\/infinite.min.js","lax":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/themify\/js\/modules\/lax.min.js","video":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/themify\/js\/modules\/video-player.min.js","audio":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/themify\/js\/modules\/audio-player.min.js","side":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/themify\/js\/modules\/themify.sidemenu.min.js","edge":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/themify\/js\/modules\/edge.Menu.min.js","wow":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/themify\/js\/modules\/tf_wow.min.js","share":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/themify\/js\/modules\/sharer.min.js","mega":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/themify\/js\/modules\/megamenu.js","drop":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/themify\/js\/modules\/themify.dropdown.min.js","wc":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/themify\/js\/modules\/wc.min.js"},"css_modules":{"sw":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/themify\/css\/swiper\/swiper.min.css","an":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/themify\/css\/animate.min.css","video":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/themify\/css\/modules\/video.min.css","audio":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/themify\/css\/modules\/audio.min.css","drop":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/themify\/css\/modules\/dropdown.min.css","lb":"http:\/\/tahri-company.com\/wp-content\/plugins\/themify-builder\/themify\/css\/lightbox.min.css"},"is_min":"1","wp_embed":"http:\/\/tahri-company.com\/wp-includes\/js\/wp-embed.min.js","media":{"css":{"wp-mediaelement":"http:\/\/tahri-company.com\/wp-includes\/js\/mediaelement\/mediaelementplayer-legacy.min.css?ver=5.6","mediaelement":"http:\/\/tahri-company.com\/wp-includes\/js\/mediaelement\/wp-mediaelement.css?ver=5.6"},"_wpmejsSettings":"var _wpmejsSettings = {\"pluginPath\":\"\\\/wp-includes\\\/js\\\/mediaelement\\\/\",\"classPrefix\":\"mejs-\",\"stretching\":\"responsive\"};","js":{"mediaelement-core":{"src":"http:\/\/tahri-company.com\/wp-includes\/js\/mediaelement\/mediaelement-and-player.min.js","v":"4.2.16","extra":{"before":[false,"var mejsL10n = {\"language\":\"fr\",\"strings\":{\"mejs.download-file\":\"T\\u00e9l\\u00e9charger le fichier\",\"mejs.install-flash\":\"Vous utilisez un navigateur qui n\\u2019a pas le lecteur Flash activ\\u00e9 ou install\\u00e9. Veuillez activer votre extension Flash ou t\\u00e9l\\u00e9charger la derni\\u00e8re version \\u00e0 partir de cette adresse\\u00a0: https:\\\/\\\/get.adobe.com\\\/flashplayer\\\/\",\"mejs.fullscreen\":\"Plein \\u00e9cran\",\"mejs.play\":\"Lecture\",\"mejs.pause\":\"Pause\",\"mejs.time-slider\":\"Curseur de temps\",\"mejs.time-help-text\":\"Utilisez les fl\\u00e8ches droite\\\/gauche pour avancer d\\u2019une seconde, haut\\\/bas pour avancer de dix secondes.\",\"mejs.live-broadcast\":\"\\u00c9mission en direct\",\"mejs.volume-help-text\":\"Utilisez les fl\\u00e8ches haut\\\/bas pour augmenter ou diminuer le volume.\",\"mejs.unmute\":\"R\\u00e9activer le son\",\"mejs.mute\":\"Muet\",\"mejs.volume-slider\":\"Curseur de volume\",\"mejs.video-player\":\"Lecteur vid\\u00e9o\",\"mejs.audio-player\":\"Lecteur audio\",\"mejs.captions-subtitles\":\"L\\u00e9gendes\\\/Sous-titres\",\"mejs.captions-chapters\":\"Chapitres\",\"mejs.none\":\"Aucun\",\"mejs.afrikaans\":\"Afrikaans\",\"mejs.albanian\":\"Albanais\",\"mejs.arabic\":\"Arabe\",\"mejs.belarusian\":\"Bi\\u00e9lorusse\",\"mejs.bulgarian\":\"Bulgare\",\"mejs.catalan\":\"Catalan\",\"mejs.chinese\":\"Chinois\",\"mejs.chinese-simplified\":\"Chinois (simplifi\\u00e9)\",\"mejs.chinese-traditional\":\"Chinois (traditionnel)\",\"mejs.croatian\":\"Croate\",\"mejs.czech\":\"Tch\\u00e8que\",\"mejs.danish\":\"Danois\",\"mejs.dutch\":\"N\\u00e9erlandais\",\"mejs.english\":\"Anglais\",\"mejs.estonian\":\"Estonien\",\"mejs.filipino\":\"Filipino\",\"mejs.finnish\":\"Finnois\",\"mejs.french\":\"Fran\\u00e7ais\",\"mejs.galician\":\"Galicien\",\"mejs.german\":\"Allemand\",\"mejs.greek\":\"Grec\",\"mejs.haitian-creole\":\"Cr\\u00e9ole ha\\u00eftien\",\"mejs.hebrew\":\"H\\u00e9breu\",\"mejs.hindi\":\"Hindi\",\"mejs.hungarian\":\"Hongrois\",\"mejs.icelandic\":\"Islandais\",\"mejs.indonesian\":\"Indon\\u00e9sien\",\"mejs.irish\":\"Irlandais\",\"mejs.italian\":\"Italien\",\"mejs.japanese\":\"Japonais\",\"mejs.korean\":\"Cor\\u00e9en\",\"mejs.latvian\":\"Letton\",\"mejs.lithuanian\":\"Lituanien\",\"mejs.macedonian\":\"Mac\\u00e9donien\",\"mejs.malay\":\"Malais\",\"mejs.maltese\":\"Maltais\",\"mejs.norwegian\":\"Norv\\u00e9gien\",\"mejs.persian\":\"Perse\",\"mejs.polish\":\"Polonais\",\"mejs.portuguese\":\"Portugais\",\"mejs.romanian\":\"Roumain\",\"mejs.russian\":\"Russe\",\"mejs.serbian\":\"Serbe\",\"mejs.slovak\":\"Slovaque\",\"mejs.slovenian\":\"Slov\\u00e9nien\",\"mejs.spanish\":\"Espagnol\",\"mejs.swahili\":\"Swahili\",\"mejs.swedish\":\"Su\\u00e9dois\",\"mejs.tagalog\":\"Tagalog\",\"mejs.thai\":\"Thai\",\"mejs.turkish\":\"Turc\",\"mejs.ukrainian\":\"Ukrainien\",\"mejs.vietnamese\":\"Vietnamien\",\"mejs.welsh\":\"Ga\\u00e9lique\",\"mejs.yiddish\":\"Yiddish\"}};"]}},"mediaelement-migrate":{"src":"http:\/\/tahri-company.com\/wp-includes\/js\/mediaelement\/mediaelement-migrate.min.js","v":false,"extra":""},"wp-mediaelement":{"src":"http:\/\/tahri-company.com\/wp-includes\/js\/mediaelement\/wp-mediaelement.min.js","v":false,"extra":""}}},"wc_version":"4.8.0"}; </script> <script nomodule defer src="http://tahri-company.com/wp-content/plugins/themify-builder/themify/js/modules/fallback.min.js"></script> <link rel="preload" href="http://tahri-company.com/wp-content/plugins/woocommerce-products-filter/js/tooltip/css/tooltipster.bundle.min.css?ver=1.2.4.2" as="style" /><link rel='stylesheet' id='woof_tooltip-css-css' href='http://tahri-company.com/wp-content/plugins/woocommerce-products-filter/js/tooltip/css/tooltipster.bundle.min.css?ver=1.2.4.2' type='text/css' media='all' /> <link rel="preload" href="http://tahri-company.com/wp-content/plugins/woocommerce-products-filter/js/tooltip/css/plugins/tooltipster/sideTip/themes/tooltipster-sideTip-noir.min.css?ver=1.2.4.2" as="style" /><link rel='stylesheet' id='woof_tooltip-css-noir-css' href='http://tahri-company.com/wp-content/plugins/woocommerce-products-filter/js/tooltip/css/plugins/tooltipster/sideTip/themes/tooltipster-sideTip-noir.min.css?ver=1.2.4.2' type='text/css' media='all' /> <link rel="preload" href="http://tahri-company.com/wp-content/plugins/woocommerce/assets/css/select2.css?ver=4.8.0" as="style" /><link rel='stylesheet' id='select2-css' href='http://tahri-company.com/wp-content/plugins/woocommerce/assets/css/select2.css?ver=4.8.0' type='text/css' media='all' /> <link rel="preload" href="http://tahri-company.com/wp-content/plugins/woocommerce-login-popup-and-shortcodes/assets/css/woo-login.css" as="style" /><link rel='stylesheet' id='woocommerce_login_styler-styles-css' href='http://tahri-company.com/wp-content/plugins/woocommerce-login-popup-and-shortcodes/assets/css/woo-login.css' type='text/css' media='all' /> <script type='text/javascript' defer="defer" src='http://tahri-company.com/wp-content/plugins/themify-builder/themify/js/main.min.js?ver=5.0.6' id='themify-main-script-js'></script> <script type='text/javascript' id='contact-form-7-js-extra'> /* <![CDATA[ */ var wpcf7 = {"apiSettings":{"root":"http:\/\/tahri-company.com\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"}}; /* ]]> */ </script> <script type='text/javascript' defer="defer" src='http://tahri-company.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.3.2' id='contact-form-7-js'></script> <script type='text/javascript' defer="defer" src='http://tahri-company.com/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.70' id='jquery-blockui-js'></script> <script type='text/javascript' defer="defer" src='http://tahri-company.com/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4' id='js-cookie-js'></script> <script type='text/javascript' id='woocommerce-js-extra'> /* <![CDATA[ */ var woocommerce_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%"}; /* ]]> */ </script> <script type='text/javascript' defer="defer" src='http://tahri-company.com/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=4.8.0' id='woocommerce-js'></script> <script type='text/javascript' id='wc-cart-fragments-js-extra'> /* <![CDATA[ */ var wc_cart_fragments_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%","cart_hash_key":"wc_cart_hash_0f2b2305f2a80834b4b6a85f5d94f346","fragment_name":"wc_fragments_0f2b2305f2a80834b4b6a85f5d94f346","request_timeout":"5000"}; /* ]]> */ </script> <script type='text/javascript' defer="defer" src='http://tahri-company.com/wp-content/plugins/woocommerce/assets/js/frontend/cart-fragments.min.js?ver=4.8.0' id='wc-cart-fragments-js'></script> <script type='text/javascript' id='wc-cart-fragments-js-after'> jQuery( 'body' ).bind( 'wc_fragments_refreshed', function() { var jetpackLazyImagesLoadEvent; try { jetpackLazyImagesLoadEvent = new Event( 'jetpack-lazy-images-load', { bubbles: true, cancelable: true } ); } catch ( e ) { jetpackLazyImagesLoadEvent = document.createEvent( 'Event' ) jetpackLazyImagesLoadEvent.initEvent( 'jetpack-lazy-images-load', true, true ); } jQuery( 'body' ).get( 0 ).dispatchEvent( jetpackLazyImagesLoadEvent ); } ); </script> <script type='text/javascript' src='http://tahri-company.com/wp-content/plugins/yith-woocommerce-ajax-search/assets/js/yith-autocomplete.min.js?ver=1.2.7' id='yith_autocomplete-js'></script> <script type='text/javascript' defer="defer" src='//tahri-company.com/wp-content/plugins/woocommerce/assets/js/prettyPhoto/jquery.prettyPhoto.min.js?ver=3.1.6' id='prettyPhoto-js'></script> <script type='text/javascript' src='http://tahri-company.com/wp-content/plugins/yith-woocommerce-wishlist/assets/js/jquery.selectBox.min.js?ver=1.2.0' id='jquery-selectBox-js'></script> <script type='text/javascript' id='jquery-yith-wcwl-user-js-extra'> /* <![CDATA[ */ var yith_wcwl_l10n = {"ajax_url":"\/wp-admin\/admin-ajax.php","redirect_to_cart":"yes","multi_wishlist":"","hide_add_button":"1","enable_ajax_loading":"1","ajax_loader_url":"http:\/\/tahri-company.com\/wp-content\/plugins\/yith-woocommerce-wishlist\/assets\/images\/ajax-loader-alt.svg","remove_from_wishlist_after_add_to_cart":"1","is_wishlist_responsive":"1","time_to_close_prettyphoto":"3000","fragments_index_glue":".","reload_on_found_variation":"1","labels":{"cookie_disabled":"Nous sommes d\u00e9sol\u00e9s, mais cette fonctionnalit\u00e9 n\u2019est disponible que si les cookies de votre navigateur sont activ\u00e9s.","added_to_cart_message":"<div class=\"woocommerce-notices-wrapper\"><div class=\"woocommerce-message\" role=\"alert\">Product added to cart successfully<\/div><\/div>"},"actions":{"add_to_wishlist_action":"add_to_wishlist","remove_from_wishlist_action":"remove_from_wishlist","reload_wishlist_and_adding_elem_action":"reload_wishlist_and_adding_elem","load_mobile_action":"load_mobile","delete_item_action":"delete_item","save_title_action":"save_title","save_privacy_action":"save_privacy","load_fragments":"load_fragments"}}; /* ]]> */ </script> <script type='text/javascript' src='http://tahri-company.com/wp-content/themes/opstore/woocommerce/wishlist.js?ver=3.0.17' id='jquery-yith-wcwl-user-js'></script> <script type='text/javascript' src='http://tahri-company.com/wp-content/themes/opstore/assets/js/navigation.js?ver=1.3.4' id='opstore-navigation-js'></script> <script type='text/javascript' src='http://tahri-company.com/wp-content/themes/opstore/assets/js/skip-link-focus-fix.js?ver=1.3.4' id='opstore-skip-link-focus-fix-js'></script> <script type='text/javascript' src='http://tahri-company.com/wp-content/themes/opstore/assets/js/bootstrap.min.js?ver=1.3.4' id='bootstrap-js'></script> <script type='text/javascript' src='http://tahri-company.com/wp-content/themes/opstore/assets/js/SmoothScroll.js?ver=1.3.4' id='smooth-scroll-js'></script> <script type='text/javascript' src='http://tahri-company.com/wp-content/themes/opstore/assets/js/jquery.nicescroll.min.js?ver=1.3.4' id='nicescroll-js'></script> <script type='text/javascript' src='http://tahri-company.com/wp-includes/js/imagesloaded.min.js?ver=4.1.4' id='imagesloaded-js'></script> <script type='text/javascript' src='http://tahri-company.com/wp-includes/js/masonry.min.js?ver=4.2.2' id='masonry-js'></script> <script type='text/javascript' id='opstore-custom-js-extra'> /* <![CDATA[ */ var opstore_params = {"ajaxurl":"http:\/\/tahri-company.com\/wp-admin\/admin-ajax.php","nonce":"f28f73f5fc","sidebar_sticky":"hide","smooth_scroll":"show"}; /* ]]> */ </script> <script type='text/javascript' src='http://tahri-company.com/wp-content/themes/opstore/assets/js/opstore-custom.js?ver=1.3.4' id='opstore-custom-js'></script> <script type='text/javascript' src='http://tahri-company.com/wp-includes/js/comment-reply.min.js?ver=5.6' id='comment-reply-js'></script> <script type='text/javascript' src='http://tahri-company.com/wp-content/plugins/3d-flipbook-dflip-lite/assets/js/dflip.min.js?ver=1.7.4.1' id='dflip-script-js'></script> <script type='text/javascript' src='http://tahri-company.com/wp-content/plugins/woocommerce-products-filter/js/tooltip/js/tooltipster.bundle.min.js?ver=1.2.4.2' id='woof_tooltip-js-js'></script> <script type='text/javascript' src='http://tahri-company.com/wp-content/plugins/woocommerce-products-filter/js/front.js?ver=1.2.4.2' id='woof_front-js'></script> <script type='text/javascript' src='http://tahri-company.com/wp-content/plugins/woocommerce-products-filter/js/html_types/radio.js?ver=1.2.4.2' id='woof_radio_html_items-js'></script> <script type='text/javascript' src='http://tahri-company.com/wp-content/plugins/woocommerce-products-filter/js/html_types/checkbox.js?ver=1.2.4.2' id='woof_checkbox_html_items-js'></script> <script type='text/javascript' src='http://tahri-company.com/wp-content/plugins/woocommerce-products-filter/js/html_types/select.js?ver=1.2.4.2' id='woof_select_html_items-js'></script> <script type='text/javascript' src='http://tahri-company.com/wp-content/plugins/woocommerce-products-filter/js/html_types/mselect.js?ver=1.2.4.2' id='woof_mselect_html_items-js'></script> <script type='text/javascript' src='http://tahri-company.com/wp-content/plugins/woocommerce-products-filter/ext/by_author/js/by_author.js?ver=1.2.4.2' id='woof_by_author_html_items-js'></script> <script type='text/javascript' src='http://tahri-company.com/wp-content/plugins/woocommerce-products-filter/js/chosen/chosen.jquery.min.js?ver=1.2.4.2' id='chosen-drop-down-js'></script> <script type='text/javascript' src='http://tahri-company.com/wp-content/plugins/woocommerce-products-filter/js/plainoverlay/jquery.plainoverlay.min.js?ver=1.2.4.2' id='plainoverlay-js'></script> <script type='text/javascript' src='http://tahri-company.com/wp-content/plugins/woocommerce-products-filter/js/malihu-custom-scrollbar/jquery.mousewheel.min.js?ver=1.2.4.2' id='mousewheel-js'></script> <script type='text/javascript' src='http://tahri-company.com/wp-content/plugins/woocommerce-products-filter/js/malihu-custom-scrollbar/jquery.mCustomScrollbar.min.js?ver=1.2.4.2' id='malihu-custom-scrollbar-js'></script> <script type='text/javascript' src='http://tahri-company.com/wp-content/plugins/woocommerce-products-filter/js/malihu-custom-scrollbar/jquery.mCustomScrollbar.concat.min.js?ver=1.2.4.2' id='malihu-custom-scrollbar-concat-js'></script> <script type='text/javascript' defer="defer" src='http://tahri-company.com/wp-content/plugins/woocommerce/assets/js/selectWoo/selectWoo.full.min.js?ver=1.0.6' id='selectWoo-js'></script> <script type='text/javascript' src='http://tahri-company.com/wp-content/plugins/woocommerce-login-popup-and-shortcodes/assets/js/jquery.woo-login.min.js?ver=5.6' id='jquery-woo-login-styler-js'></script>  <script type="text/javascript"> jQuery(function($) { jQuery( '.dropdown_product_cat' ).change( function() { if ( jQuery(this).val() != '' ) { var this_page = ''; var home_url = 'http://tahri-company.com/'; if ( home_url.indexOf( '?' ) > 0 ) { this_page = home_url + '&product_cat=' + jQuery(this).val(); } else { this_page = home_url + '?product_cat=' + jQuery(this).val(); } location.href = this_page; } else { location.href = 'http://tahri-company.com/boutique-2/'; } }); if ( jQuery().selectWoo ) { var wc_product_cat_select = function() { jQuery( '.dropdown_product_cat' ).selectWoo( { placeholder: 'Sélectionner une catégorie', minimumResultsForSearch: 5, width: '100%', allowClear: true, language: { noResults: function() { return 'Aucun résultat'; } } } ); }; wc_product_cat_select(); } }); </script> <svg id="tf_svg" style="display:none"><defs></defs></svg> <link rel="prefetch" href="http://tahri-company.com/wp-content/plugins/themify-builder/themify/js/modules/jquery.imagesloaded.min.js?ver=4.1.4" as="script"/> <style type="text/css"> .woof_edit_view{ display: none; } </style> </body> </html>