Softiconic softiconic
softiconic
/ gist:fd7f0866a974b02d3b983d423c802888
Last active
December 3, 2023 02:57
Design a unique preloader
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- Preloader HTML --> | |
| <div id="preloader"> | |
| <!-- Add your preloader content here --> | |
| <p>Loading...</p> | |
| </div> | |
| <!-- Your website content goes here --> | |
| /* Add your preloader styles here */ | |
| #preloader { | |
| position: fixed; |
softiconic
/ index.html
Last active
December 3, 2023 02:57
Create a horizontal accordion with custom design.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="sc_hr_accord"> | |
| <ul class="sc_list_hr"> | |
| <li id="step_sc_01" class="schide scshow"> | |
| <div class="sc_tab_title"> | |
| <h4>tab 1</h4> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="12.323" height="21.553" viewBox="0 0 12.323 21.553"> | |
| <path id="Icon_ionic-ios-arrow-forward" data-name="Icon ionic-ios-arrow-forward" d="M19.855,16.969,11.7,8.819a1.534,1.534,0,0,1,0-2.175,1.553,1.553,0,0,1,2.182,0l9.24,9.234A1.537,1.537,0,0,1,23.166,18l-9.279,9.3a1.54,1.54,0,1,1-2.182-2.175Z" transform="translate(-11.246 -6.196)" fill="#403e38"/> | |
| </svg> | |
| </div> | |
| <div class="sc_tab_body"> |
softiconic
/ function.php
Last active
May 14, 2024 16:15
Adjust the positioning offset of the Elementor anchor element/links
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| add_action( 'wp_footer', function() { | |
| if ( ! defined( 'ELEMENTOR_VERSION' ) ) { | |
| return; | |
| } | |
| ?> | |
| <script> | |
| jQuery( function( $ ) { | |
| // Add space for Elementor Menu Anchor link | |
| $( window ).on( 'elementor/frontend/init', function() { | |
| elementorFrontend.hooks.addFilter( 'frontend/handlers/menu_anchor/scroll_top_distance', function( scrollTop ) { |
softiconic
/ index.html
Created
March 22, 2024 14:22
To create a jQuery function that triggers a state change event when a city is selected from a dropdown menu.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <select id="stateSelect"> | |
| <option value="">Select State</option> | |
| <option value="California">California</option> | |
| <option value="New York">New York</option> | |
| <!-- Add more states as needed --> | |
| </select> | |
| <select id="citySelect"> | |
| <option value="">Select City</option> | |
| <!-- Add cities for each state --> |
softiconic
/ gist:20383b0a4af900cda4d2c9f82854e387
Created
April 14, 2024 08:59
Custom redirect to a thank you page after a customer creates an account on Shopify
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Navigate to your Shopify Admin dashboard. | |
| Go to Online Store > Themes. | |
| Click on Actions > Edit code for the theme you are currently using. | |
| In the Sections folder, locate or create a file named register.liquid. | |
| Add the following code to the register.liquid file: |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- Swiper --> | |
| <div class="sc_scroll_sclide"> | |
| <div class="swiper sc_slider_02"> | |
| <div class="swiper-wrapper"> | |
| <div class="swiper-slide"> | |
| <img src="assets/images/big-3.jpg" alt=""> | |
| <div class="image_sc_slide"> | |
| <h3>title here</h3> | |
| </div> | |
| </div> |
OlderNewer