https://youtu.be/XzLZpmptnzw 1. Create a new section marquee-images and paste attached code. <style> .section-{{ section.id }}.custom-marquee-images { display: flex; align-items: center; width: 100vw; max-width: 100%; height: {{section.settings.marquee_height}}px; padding-top: {{section.settings.marquee_padding}}px; padding-bottom: {{section.settings.marquee_padding}}px;…
1. Create a new section 'before-after' and paste attached code {{ 'component-card.css' | asset_url | stylesheet_tag }} {{ 'component-slider.css' | asset_url | stylesheet_tag }} {% if section.settings.image_shape == 'blob' %}…
1. Create a new snippet 'progress-bar' and paste attached code <style> .custom-progress-bar { text-align: center; transition: all 1000ms linear; height: 93px; } /* Style the progress bar */ .custom-progress-bar.cart-shipping__wrapper {…
1. Go to theme -> Edit code -> Snippets -> product-variant-picker.liquid 2. Find below code: <fieldset class="js product-form__input product-form__input--pill"> <legend class="form__label">{{ option.name }}</legend> {% render 'product-variant-options', product: product, option: option,…
1. Go to theme -> Edit code -> Sections 2. Create a new section and name it 'collection-slider' and paste below code. {{ 'section-collection-list.css' | asset_url | stylesheet_tag }} {{…
https://youtu.be/uGDBkd9YgvE 1. Go to theme -> Edit code -> Snippets 2. Create new snippet and name it 'live-visitors' and paste below code. <style> .live_visitors { position: relative; display: flex; align-items:…
1. Download font which you want to apply. 2. Go to Content -> Files -> Upload files 3. Go to themes -> Edit code -> Sections 4. Create new section…
https://youtu.be/2iE6dRjvP8s Create a new file and name it paypal.html Paste below lines of code in the file which you created. Upload this file code to your hosting. <!DOCTYPE html> <html>…
https://youtu.be/m-Oe7aV_V20 Create a new file and name it paypal.html Paste below lines of code in the file which you created. Upload this file code to your hosting. <!DOCTYPE html> <head>…
https://youtu.be/dYuaIn6ohkc https://youtu.be/5YjpOoZ0KkM 1. Go to Themes -> Edit code -> Config -> settings_schema.json Paste below code in line: 10. Or you can follow the video instructions to exactly compare the…