. Where you will full freedom to customize image text as your wish

To implement in your shopify store you should follow this step by step

Goto your shopify store. Then find online store and then click three dot then press edit code.

In section folder, you have to create a file name like 

Copy and paste the code in that file and save

      "label": "Sub heading font weight",

Shopify Custom Image Text Design

Here I implemented Shopify Custom Button. Where you will full freedom to customize button as your wish.

Button background color and hover background color

To implement this button in your shopify store you should follow this step by step

In section folder, you have to create a file name like "custom-image-text.liquid" then press enter.

      "id": "ms_button_horizontal_padding",

      "label": "button_horizontal_padding",

      "id": "ms_button_vertical_padding",

      "label": "button_vertical_padding",

Shopify custom button

  assign collections = section.settings.collection_list_items

          <h3>{{ collection.title }}</h3>

    transition: transform 0.5s ease-in-out;

  document.addEventListener('DOMContentLoaded', function () {

    const carousel = document.getElementById('collectionCarousel');

    const items = carousel.querySelectorAll('.carousel-item');

      } else if (window.innerWidth >= 768) {

    // Clone first few items to the end to enable infinite scroll

    for (let i = 0; i < itemsPerView; i++) {

      const clone = items[i].cloneNode(true);

    let itemWidth = carousel.querySelector('.carousel-item').offsetWidth;