HDDzenana

<link rel="stylesheet"  href="https://unpkg.com/swiper@8/swiper-bundle.min.css"/>
<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
<style>
 .fw-slider-{{section.id}} .swiper-wrapper{
   -webkit-transition-timing-function:linear !important; 
   -o-transition-timing-function:linear !important;          transition-timing-function:linear !important; 
 }
   .fw-slider-{{section.id}} .fw-slider__img-main  {
     width: 300px;
     height: 360px;

HDDzenana

<style>
  .divider-{{ section.id }} {
   	  background: {{ section.settings.background }};
  }
  
  .divider-{{ section.id }} .inner {
     display: flex;
     justify-content: center;
     align-items: center;
     height: {{ section.settings.height | append: 'vh' }};

HDDzenana

<!-- /snippets/breadcrumb.liquid -->
{% comment %}
  Documentation - http://docs.shopify.com/support/your-website/navigation/creating-a-breadcrumb-navigation
{% endcomment %}
{% unless template == 'index' or template == 'cart' %}
<nav class="breadcrumb" role="navigation" aria-label="breadcrumbs">
  <a href="{{ routes.root_url }}" title="home">Home</a>

  {% if template contains 'product' %}

HDDzenana

<picture class="allimg-image">
  <source media="(max-width:768px)" srcset="{% if mobile_image == blank %} {{ image | img_url: '1400x' }} {% else %} {{ mobile_image | img_url: 'master' }} {% endif %}">
  <source media="(max-width:1000px)" srcset="{{ image | img_url: '1000x' }}">
  <source media="(min-width:1200px)" srcset="{{ image | img_url: 'master' }}">
  <img alt="Description image" src="{{ image | img_url: 'master' }}" loading="lazy" width="100%" height="auto">
</picture>

<style>
  .allimg-image {
    display: block;

HDDzenana

<div class="fullimg">
<a href="{{section.settings.link}}">  {% render 'allimg',
  image: section.settings.image,
  mobile_image: section.settings.mobileimage %}
  </a>
  </div>

{% schema %}
{
  "name": "Full Image",

HDDzenana

 {{ 'section-collection-list.css' | asset_url | stylesheet_tag }}
<link rel="stylesheet" href="{{ 'component-slider.css' | asset_url }}" media="print" onload="this.media='all'">

<noscript>{{ 'component-slider.css' | asset_url | stylesheet_tag }}</noscript>

{{ 'component-card.css' | asset_url | stylesheet_tag }}

<div class="collection-list-wrapper page-width{% if section.settings.swipe_on_mobile == true %} page-width-desktop{% endif %}{% if section.settings.title == blank %} no-heading{% endif %}{% if section.settings.show_view_all == false or section.blocks.size > collections.size %} no-mobile-link{% endif %}">
  <div class="title-wrapper-with-link{% if section.settings.swipe_on_mobile == true %} title-wrapper--self-padded-tablet-down{% else %} title-wrapper--self-padded-mobile{% endif %}{% if section.settings.title == blank %} title-wrapper-with-link--no-heading{% endif %}">
    <h2 class="collection-list-title">{{ section.settings.title | escape }}</h2>

HDDzenana

"use strict";

Shopify.theme.jsRecommendedProducts = {
  init: function init($section) {
    // Add settings from schema to current object
    Shopify.theme.jsRecommendedProducts = $.extend(this, Shopify.theme.getSectionData($section)); // Selectors

    var $productRecommendations = $section.find('.product-recommendations');
    var $productRecommendationsContainer = $('[data-product-recommendations-container]');
    var $productRecommendationsBlock = $productRecommendationsContainer.closest('.block__recommended-products'); // Hides product recommendations based on settings

HDDzenana

{% if template contains 'product' %}
  {% assign featured_image = product.images.first | default: product.featured_image %}
  <div class="sticky_cart">
    <div class="product-details">
      <div class="prd-details prd-details-left">
        <div class="prd-image-title">
          <img src="{{ featured_image | img_url: "300x" }}" />
          <h3>{{ product.title }}</h3>
        </div>
      </div>

HDDzenana

{%- liquid

  if section.settings.no_autoplay
    assign slider_speed = false
  else
    assign slider_speed = section.settings.slider_speed | times: 1000
  endif

-%}