Debutify bugs

MozzafiatoStore
New Member
2 0 0

Hi everyone,

my theme has an option to change header color, in my site its set to black, but sometimes in the main page it turn transparent... also in the main page  sometimes when i click on the images of the main product, it doesnt display them in big . my site is www.mozzafiatostore.com , so you can check what i mean

i also add my theme.liquid:

thanks for your help

 

<!doctype html>
<html class="no-js" lang="{{ shop.locale }}">
<head>
                {% capture sb %}{% include "Secomapp-Description" %}{% endcapture %}{% unless sb contains "Liquid error" %}{% include "Secomapp-Description" %}{% endunless %} 
                
  <!-- Basic page needs ================================================== -->
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <link rel="canonical" href="{{ canonical_url }}">
  <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
  <meta name="theme-color" content="{{ settings.color_primary }}">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="mobile-web-app-capable" content="yes">
  <meta name="author" content="Debutify">
  <!-- Fav icon ================================================== -->
  {% if settings.favicon %}
    <link sizes="192x192" rel="shortcut icon" href="{{ settings.favicon | img_url: '192x192' }}" type="image/png">
  {% endif %}

  <!-- Title and description ================================================== -->
  <title>
    {{ page_title }}{% if current_tags %}{% assign meta_tags = current_tags | join: ', ' %} &ndash; {{ 'general.meta.tags' | t: tags: meta_tags }}{% endif %}{% if current_page != 1 %} &ndash; {{ 'general.meta.page' | t: page: current_page }}{% endif %}{% unless page_title contains shop.name %} &ndash; {{ shop.name }}{% endunless %}
  </title>

  {% if page_description %}
     
  {% endif %}

  <!-- Social meta ================================================== -->
  {% include 'social-meta-tags' %}

  <!-- CSS ================================================== -->
  {{ 'theme.scss.css' | asset_url | stylesheet_tag }}

  <!-- Vendors ================================================== -->
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
  
  <!-- Sections ================================================== -->
  <script>
    window.theme = window.theme || {};
    theme.strings = {
      zoomClose: {{ "products.zoom.close" | t | json }},
      zoomPrev: {{ "products.zoom.prev" | t | json }},
      zoomNext: {{ "products.zoom.next" | t | json }},
      moneyFormat: {{ shop.money_format | json }},
      addressError: {{ 'home_page.map.address_error' | t | json }},
      addressNoResults: {{ 'home_page.map.address_no_results' | t | json }},
      addressQueryLimit: {{ 'home_page.map.address_query_limit_html' | t | json }},
      authError: {{ 'home_page.map.auth_error_html' | t | json }},
      cartCookie: {{ 'cart.general.cookies_required' | t | json }}
    };
    theme.settings = {
      cartType: {{ settings.cart_type | json }},
      gridType: {{ settings.collection_products_grid | json }}
    };
  </script>

  {{ 'jquery-2.2.3.min.js' | asset_url | script_tag }}
  
  {% include 'currency-detection' %}
  
  <script src="{{ 'lazysizes.min.js' | asset_url }}" async="async"></script>

  <script src="{{ 'theme.js' | asset_url }}" defer="defer"></script>

  <!-- Header hook for plugins ================================================== -->
  {{ content_for_header }}

  <script>window.beans_cjs_id = '{{ customer.id }}'; window.beans_cjs_email = '{{ customer.email }}';</script> 

  
  {{ 'modernizr.min.js' | asset_url | script_tag }}

  {% comment %}
    If you store has customer accounts disabled, you can remove the following JS file
  {% endcomment %}
  {% if template.directory == 'customers' %}
    {{ 'shopify_common.js' | shopify_asset_url | script_tag }}
  {% endif %}
<meta name="google-site-verification" content="NWXfaLE1FvnY5ObvzsNG6q6H9WrE-GhCMn2WNcuqM3I" />  
{% include 'loadify_loader' %}   {% include 'qikify-navigator' %}
  {% include 'qikify-smartmenu-data' %}
  <script type="text/javascript" src="https://sdk.qikify.com/tmenu/app-v5.js?token=y9yo264N9PA5DlEwXvo3RBxx9Uk3uwiq&shop=mozzafiatostore.myshopify.com" defer="defer"></script>
  {% include "loyaltylion" %}
 {% include 'talkable-partial' %}
<script>var scaaffCheck = false;</script>
{{ 'sca_affiliate.js' | asset_url | script_tag }}
</head>

{% comment %}
  Add the page template as a class for easy page or template specific styling.
{% endcomment %}
<body id="{{ page_title | handle }}"
      class="{% if settings.show_announcement %}announcement-active{% endif %}
             {% if settings.hide_announcement_mobile %}announcement-mobile-hide{% endif %}
             {% if settings.sticky_header %}sticky-header{% endif %}
             {% if settings.hero_header %}transparent-header{% endif %}
             {% if customer %}customer-logged-in {% endif %}
             template-{{ template | replace: '.', ' ' | truncatewords: 1, '' | handle }}">

  <div id="SearchDrawer" class="drawer drawer--top">
    <div class="drawer__inner">
    	{% include 'search-bar', input_type: 'input-group-full', search_location: 'drawer' %}
    </div>
  </div>

  {% section 'drawer-menu' %}

  <div id="CartDrawer" class="drawer drawer--right drawer--has-fixed-header drawer--has-fixed-footer">
    <div class="drawer__fixed-header">
      <div class="drawer__header">
        <div class="drawer__title">
          <a href="{{ routes.cart_url }}">
            <span class="fas fa-shopping-{{ settings.cart_icon }}" aria-hidden="true"></span>
            {{ 'cart.general.title' | t }}
          </a>
        </div>
        <div class="drawer__close">
          <button type="button" class="btn btn-square-small icon-fallback-text drawer__close-button js-drawer-close">
            <span class="fas fa-times" aria-hidden="true"></span>
            <span class="fallback-text">{{ 'cart.general.close_cart' | t }}</span>
          </button>
        </div>
      </div>
    </div>
    <div class="drawer__inner">
      <p class="ajaxcart-loading-icon fas fa-spinner fa-spin text-center"></p>
      <div class="cart-empty-container text-center">
        <p class="cart--empty-message">{{ 'cart.general.empty' | t }}</p>
        <a href="{{ settings.browsing_link }}" class="btn {{ settings.browsing_button_style }}  cart--continue-browsing">{{ 'cart.general.continue_browsing_html' | t }}</a>
        <p class="cookie-message">{{ 'cart.general.cookies_required' | t }}</p>
      </div>
      <div id="CartContainer" class="drawer__cart"></div>
    </div>
  </div>

  <div id="PageContainer" class="page-container">
    
    {% include 'announcement' %}

    {% section 'header' %}
    
    {% unless template == 'collection' or template == 'article' %}
      {% include 'breadcrumbs' %}
    {% endunless %}

    <main class="main-content" role="main">
      <div class="{% if template == 'index' or template == 'collection' or template == 'product' or template == 'article' %}wrapper-full
                  {% elsif template == 'page.full-width' %}wrapper-fluid
                  {% else %} wrapper{% endif %}">

        {{ content_for_layout }}
 {% include 'station-tabs' %}
      </div>
    </main>

    {% section 'guarantee' %}  

    {% section 'footer' %}

    {% if settings.show_top_button %}
      <a href="#" class="btn-top btn btn--square btn-top-{{ settings.top_button_position }} {% if settings.top_button_mobile %}small--hide{% endif %}">
        <span class="fas fa-arrow-up"></span>
      </a>
    {% endif %}
    <div class="overlay-drawer"></div>
  </div>
  
  {% comment %}
    Template-specific js
  {% endcomment %}
  <script>
    {% if resetPassword %}
      $(function() {
        timber.resetPasswordSuccess();
      });
    {% endif %}
  </script>

  {% comment %}
    Ajaxify your cart with this plugin.
    Documentation:
      - http://shopify.com/timber#ajax-cart
  {% endcomment %}
  {% if settings.cart_type == 'drawer' %}
    {% include 'ajax-cart-template' %}
  {% endif %}

  {% if template.name == 'product' or template.name == 'index' %}
    <script>
      // Override default values of shop.strings for each template.
      // Alternate product templates can change values of
      // add to cart button, sold out, and unavailable states here.
      theme.productStrings = {
        addToCart: {{ 'products.product.add_to_cart' | t | json }},
        soldOut: {{ 'products.product.sold_out' | t | json }},
        unavailable: {{ 'products.product.unavailable' | t | json }}
      }
    </script>
  {% endif %}
  
  {% if template.name == 'collection' %}
    <script>
      /* Product Tag Filters - Good for any number of filters on any type of collection pages */
      var collFilters = jQuery('.tag-filter');
      collFilters.change(function() {
        var newTags = [];
        collFilters.each(function() {
          if (jQuery(this).val()) {
            newTags.push(jQuery(this).val());
          }
        });
        if (newTags.length) {
          var query = newTags.join('+');
          window.location.href = jQuery('{{ 'tag' | link_to_tag: 'tag' }}').attr('href').replace('/' + 'tag', '/' + query);
        }
        else {
          {% if collection.handle %}
          window.location.href = '/collections/{{ collection.handle }}';
          {% elsif collection.products.first.type == collection.title %}
          window.location.href = '{{ collection.title | url_for_type }}';
          {% elsif collection.products.first.vendor == collection.title %}
          window.location.href = '{{ collection.title | url_for_vendor }}';
          {% endif %}
        }
      });
    </script>
  {% endif %}
  
  {% if template.name == 'cart' and settings.cart_top_button %}
  <script>
    $('document').ready(function(){
      $('#topCheckoutButton').click(function(event){
        event.preventDefault();
        $('.cart__checkout').click();
      });
    });
  </script>
  {% endif %}
      
{% include 'gtranslate', float: 'yes' %}



{{ '//cdn.shopify.com/s/files/1/0194/1736/6592/t/1/assets/booster-page-speed-optimizer.js?23' | script_tag }}
</body>
</html>
0 Likes
KetanKumar
Shopify Partner
16876 1843 6309

Hello, @MozzafiatoStore 

Thanks for post.

i have check sorry but i don't know the issue can you please provide a screen short of our video.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
BFYJ
Tourist
6 0 4

How to Add to Cart Button in Collection page of Debutify Theme? 

KetanKumar
Shopify Partner
16876 1843 6309

@BFYJ 

can you please try this 

Just follow the steps for Debut theme for Add to cart button on collection pages.

  • From Shopify Admin select Online Store and click on Themes
  • Choose your main theme
  • Click the . . . on the top left-right (see below) and hit Edit code
  • Open Snippets -> product-card-grid.liquid File and paste below code at the end of the page.
    <form method="post" action="/cart/add">
      <input type="hidden" name="id" value="{{ product.variants.first.id }}" />
      <input min="1" type="number" id="quantity" name="quantity" value="1"/>
      <input type="submit" value="Add to cart" class="btn" />
    </form>
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
BFYJ
Tourist
6 0 4

Thank you for your Immediate Reply but My theme is not "debut" it's "debutify"

0 Likes
KetanKumar
Shopify Partner
16876 1843 6309

yes i know but some code style both are theme just add code

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
BFYJ
Tourist
6 0 4

Yes it's working, Thank you! But there is Placement Issue ATC button is next to the product not below it, can you please help me in that part.

Untitled.png

KetanKumar
Shopify Partner
16876 1843 6309

@BFYJ 

can you please share store url so i will check and update code 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
BFYJ
Tourist
6 0 4
KetanKumar
Shopify Partner
16876 1843 6309

@BFYJ 

thanks bt you have something is missing code it cab be done some custom code can you please share pm details 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing