1. First implement it by combining the Shopify Ajax API provided by Shopify; Shopify Ajax API <div class=”promotionDiscount” data-id=”{<!– –>{ section.settings.promotionDiscount_id }}”> <div class=”promotionDiscount_conter container”> <div class=”promotionDiscount_title”>{<!– –>{ section.settings.promotionDiscount_title }}</div> <div class=”promotionProduct_box”> {% for block in section.blocks %} <div class=”promotionProduct_list” > <div class=”promotion”>{<!– –>{ block.settings.promotion }}</div> {%- render ‘product-item’, product: block.settings.promotionProduct -%} <div class=”promotionProduct_list_bottom”> <div […]
Tag: liquid
shopify liquid completes a component with the picture on the left and the text on the right
{%- if section.settings.background_type == ‘boxed’ -%} {%- assign is_boxed = true -%} {%- else -%} {%- assign is_boxed = false -%} {%- endif -%} <style> .img_Productdescribe_left img{ width: 100%; } @media (max-width:900px) { .img_Productdescribe_box { margin: 50px 0; } .img_Productdescribe_title{ font-weight: 700; margin-top: 40px; line-height: 24px; } .img_Productdescribe_text { margin-top: 12px; line-height: 16px; } .img_Productdescribe_buttton{ […]
vue water ripple echarts-liquidfill component
vue water ripple echarts-liquidfill component Preface 1. Usage steps 1. Import the library 2. The overall code is as follows Summarize Foreword Here is a record of some chart content about echarts that I use in my work. Without further ado, let’s go directly to the code. Tips: The following is the text of this […]
Intelligent drip speed infusion liquid detection based on microcontroller
Function Introduction Using 51 microcontroller as the main control system; Display liquid level, number of drops, temperature and other information; Use the water level sensor to detect whether there is water in the current medicine bottle; Use the microcontroller timer to calculate the current dripping speed through the dripping speed sensor; The current liquid temperature […]
Intelligent drip speed infusion liquid detection based on microcontroller
Function Introduction Using 51 microcontroller as the main control system; Display liquid level, number of drops, temperature and other information; Use the water level sensor to detect whether there is water in the current medicine bottle; Use the microcontroller timer to calculate the current dripping speed through the dripping speed sensor; The current liquid temperature […]
Combine shopify liquid with swiper and swiper animation library to realize a carousel
theme.js adds common video components // js/custom-element/ui/native-video.js var NativeVideo = class extends HTMLElement { constructor() { super(); this. hasLoaded = false; if (this. autoPlay) { this. play(); } else { this.addEventListener(“click”, this.play.bind(this), { once: true }); } } get autoPlay() { return this. hasAttribute(“autoplay”); } play() { if (!this. hasLoaded) { this._replaceContent(); } this.querySelector(“video”).play(); } […]
LCD-STM32 liquid crystal display (4. LCD control code explanation)
Directory STM32 LCD control code explanation LCD Interface Packaging Introduction Configuration steps using the LCD Memory operations should be modified with volatile Graphics rendering implementation draw rectangle key supplement STM32 LCD control code explanation Introduction to LCD interface package Compass LCD Interface Schematic DB00-DB15 on the left represent the data line pins of the LCD […]
stm32 microcontroller operation sram, and calculation of lcd liquid crystal display address
1. Test environment Wildfire stm32f407 development board Circuit schematic diagram and corresponding pins 2. Introduction to FSMC of stm32 microcontroller The introduction of stm32 microcontroller about FSMC, some screenshots. Datasheet section: Reference manual section: FSMC framework HADDR here is the internal AHB address line that needs to be transferred to the external device, HADDR is […]
Intelligent Drip Speed Infusion Liquid Detection Based on Single Chip Microcomputer
Function Introduction With 51 single-chip microcomputer as the main control system; Display liquid level, drop count, temperature and other information; Use the water level sensor to detect whether there is water in the current medicine bottle; Calculate the current dripping speed by using the single-chip timer through the dripping speed sensor; The current liquid temperature […]
Proteus-51 microcontroller-LCD1602 liquid crystal display DS1302 real-time clock
LCD1602 liquid crystal display DS1302 real-time clock 1. Proteus simulation demonstration 2. Code features 3. Development environment introduction The experimental code is based on Keil C51, simulation software: Protues_8.9 Four. Introduction of main components 1. MCU: AT89C51 or STC89C51 2. Real-time clock chip: DS1302 1) Introduction of DS1302 It is a trickle charge clock chip […]