Shopify Liquid

 features of Shopify Liquid include:  Variables: Shopify Liquid allows developers to create and manipulate variables within templates. Variables can be used to store and display information such as product names, prices, and descriptions.  Conditional statements: Shopify Liquid supports conditional statements such as if/else and case/when. These statements allow developers to test conditions and execute different… Continue reading Shopify Liquid

Published
Categorized as Shopify

Ruby version updation

Ruby version updation  Step 1: Download Updates and Dependencies  Start by updating the system repositories:  sudo apt update  Download and install the libraries and compilers Ruby needs to run:  sudo apt install git curl autoconf bison build-essential libssl-dev libyaml-dev libreadline6-dev zlib1g-dev libncurses5-dev libffi-dev libgdbm6 libgdbm-dev libdb-dev  refeerence: https://phoenixnap.com/kb/install-ruby-ubuntu 

Published
Categorized as Shopify

Laravel Artisan Cache Commands

1. Configuration Cache Caching configuration helps with combining all of the configuration options for your application into a single file which will be loaded quickly by the framework. Clearing Configuration Cache However, if you notice changes to the configuration values in .env file is not reflecting on your application, you may want to consider clearing the configuration… Continue reading Laravel Artisan Cache Commands

Published
Categorized as Shopify

The basic structure of Shopify.

The basic structure of Shopify consists of several key components: Dashboard: The Shopify dashboard is the central hub where you can manage your online store. It includes various features such as order management, product management, customer management, analytics, and more. Themes: Shopify themes provide the design and layout of your online store. You can choose… Continue reading The basic structure of Shopify.

Published
Categorized as Shopify

Check if Element is Hidden with is(“:visible”)

is(“:visible”) will test the visibility of an element and will return true if the selected element is visible, or it will return false if it is hidden. As you’ve noticed, it is the direct opposite of the .is(“:hidden”) method. This means that both of them can’t return the same value for the same element. Not… Continue reading Check if Element is Hidden with is(“:visible”)

CSS animation-timing-function Property

Definition and Usage The animation-timing-function specifies the speed curve of an animation. The speed curve defines the TIME an animation uses to change from one set of CSS styles to another. The speed curve is used to make the changes smoothly. CSS Syntax animation-timing-function: linear|ease|ease-in|ease-out|ease-in-out|step-start|step-end|steps(int,start|end)|cubic-bezier(n,n,n,n)|initial|inherit; The animation-timing function uses a mathematical function, called the Cubic… Continue reading CSS animation-timing-function Property

CSS animation-play-state Property

Definition and Usage The animation-play-state property specifies whether the animation is running or paused. Note: Use this property in JavaScript to pause an animation in the middle of a cycle. Example Pause an animation: div {  animation-play-state: paused;}

keyframes

The @keyframes rule specifies the animation code. The animation is created by gradually changing from one set of CSS styles to another. During the animation, you can change the set of CSS styles many times. Specify when the style change will happen in percent or with the keywords “from” and “to”, which is the same… Continue reading keyframes

Published
Categorized as Magento