Personalize button doesn't show

Highlighted
Excursionist
26 0 6

I'm hoping someone could help me out.  I added 3 pieces of jewlery which can be personalized.  There is a button which is suppose to appear just above the add to cart button.  I asked someone to take a look on their computer and it was there.  I haven't been able to see it since.  I reached out to Printful and they said there is probably something in my theme hidding it.  One of the produce pages is https://www.lrmapparel.com/products/engraved-silver-bar-chain-bracelet  I'm using the Retina theme.  I don't know much about coding so I could really use some insight.  Thanks in advance.

0 Likes
Highlighted
Excursionist
26 0 6

I am losing sales because of this and I can not figure out how to solve this issue.  I reached out to Printful and all they said was they supply the Personalize Design button (which links into their design page) and to see if someone on Shopify  can help.  It seems to be showing on Internet Explorer but not in Google Chrome, Firefox or anything on a mobile.

 

0 Likes
Highlighted
Excursionist
25 1 4

I am having the same issue. I use Out of the sandbox's theme Turbo. Can someone have solution to this?

This is the product form, where the Personalize Design button should reside.

{% if section.settings.show_payment_button %}
  {% assign show_payment_button = true %}
{% elsif show_payment_button_quickshop %}
  {% assign show_payment_button = true %}
{% else %}
  {% assign show_payment_button = false %}
{% endif %}

{% assign variant = product.selected_or_first_available_variant %}

<div class="clearfix product_form init smart-payment-button--{{ show_payment_button }} {% if product.variants.size > 1 or product.options.size > 1 %}product_form_options{% endif %} product_form--{{ settings.product_form_style }}"
      id="product-form-{{ product.id }}"
      data-product-form
      data-money-format="{{ shop.money_format }}"
      data-shop-currency="{{ shop.currency }}"
      data-select-id="product-select-{{ product.id }}{{ product-form }}{{ section.id }}{{ block.id }}"
      data-enable-state="{% if template contains 'product' %}true{% else %}false{% endif %}"
      data-product="{{ product | json | escape }}"
      {% if settings.limit_quantity or settings.display_inventory_left %}
        data-variant-inventory='[{%- for v in product.variants -%}{"id":{{v.id}},"inventory_quantity":{{v.inventory_quantity}},"inventory_management":"{{v.inventory_management}}","inventory_policy":"{{v.inventory_policy}}"}{% if forloop.last == false %},{% endif %}{%- endfor -%}]'
      {% endif %}
      data-product-id="{{ product.id }}"
      >
  {% form 'product', product %}

  {% if product.options.size > 1 %}
    <div class="select">
      <select id="product-select-{{ product.id }}{{ product-form }}{{ section.id }}{{ block.id }}" name="id" class="multi_select">
        {% for v in product.variants %}
          <option {% if v == variant %}selected="selected"{% endif %} value="{{ v.id }}" data-sku="{{ v.sku }}">{{ v.title }}</option>
        {% endfor %}
      </select>
    </div>
  {% elsif product.options.size == 1 and product.variants.size > 1 or product.options.size == 1 and product.options[0] != "Title" %}
    <div class="select">
      <label>{{ product.options[0] }}</label>
      <select id="product-select-{{ product.id }}{{ product-form }}{{ section.id }}{{ block.id }}" name="id">
        {% for v in product.variants %}
          <option {% if v == variant %}selected="selected"{% endif %} value="{{ v.id }}" data-sku="{{ v.sku }}">{{ v.title }}</option>
        {% endfor %}
      </select>
    </div>
  {% else %}
    <input type="hidden" name="id" value="{{ variant.id }}" />
  {% endif %}

  {% if settings.product_form_style == "swatches" and product.variants.size > 1 or settings.product_form_style == "swatches" and product.options[0] != "Title" %}
    <div class="swatch_options">
      {% for option in product.options %}
        {% include 'product-swatch' with option %}
      {% endfor %}
    </div>
  {% endif %}

  {% if product.available %}
    {% if settings.display_inventory_left %}
      <div class="items_left">
        {% if variant.inventory_management != blank and variant.inventory_quantity > 0 %}
          {% capture items_left_text %}
            {% if variant.inventory_quantity == 1 %}
              {{ 'products.product.items_left_count.one' | t }}
            {% else %}
              {{ 'products.product.items_left_count.other' | t }}
            {% endif %}
          {% endcapture %}
          {% if variant.inventory_quantity <= settings.inventory_threshold %}
            {{ variant.inventory_quantity }} {{ items_left_text }}
          {% endif %}
        {% endif %}
      </div>
    {% endif %}

    <div class="purchase-details">
      {% if settings.display_product_quantity %}
        <div class="purchase-details__quantity product-quantity-box">
          <label for="quantity">{{ 'products.product.quantity' | t }}</label>
          <span class="ss-icon product-minus js-change-quantity" data-func="minus"><span class="icon-minus"></span></span>
          <input type="number" min="1" size="2" class="quantity" name="quantity" id="quantity" value="1" {% if settings.limit_quantity and variant.inventory_management != blank and variant.inventory_policy == "deny" %}max="{{ variant.inventory_quantity }}"{% endif %} />
          <span class="ss-icon product-plus js-change-quantity" data-func="plus"><span class="icon-plus"></span></span>
        </div>
      {% endif %}
      <div class="purchase-details__buttons purchase-details__spb--{{ show_payment_button }}">
        {% if settings.cart_action == 'reload_page' %}
          <input type="hidden" name="return_to" value="back" />
        {% elsif settings.cart_action == 'redirect_checkout' %}
          <input type="hidden" name="return_to" value="/checkout" />
        {% endif %}

        {% capture add_to_cart_label %}{% if collection_handles contains 'pre-order' %}{{ 'collections.general.pre_order' | t }}{% else %}{{ 'products.product.add_to_cart' | t }}{% endif %}{% endcapture %}
        <button type="{% if settings.cart_action == 'ajax' %}button{% else %}submit{% endif %}" name="add" class="{% if settings.cart_action == 'ajax' %} ajax-submit {% endif %}action_button add_to_cart {% if show_payment_button %} action_button--secondary {% endif %}" data-label={{ add_to_cart_label | json }}>
          <span class="text">{{ add_to_cart_label }}</span>
          <svg x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" class="checkmark">
            <path fill="none" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" d="M9,17l3.9,3.9c0.1,0.1,0.2,0.1,0.3,0L23,11"/>
          </svg>
        </button>
        {% if show_payment_button %}
          {{ form | payment_button }}
        {% endif %}
      </div>
    </div>
  {% endif %}
{% endform %}
</div>

@KarlOffenberger 

@Jason

 

0 Likes
Highlighted
Excursionist
25 1 4

I solved this problem btw. Let me know if you need help.

3 Likes
Highlighted
New Member
1 0 0

Hi there, 

I got the same problem that there is no "Personalize" button on my product page since I installed Printful. Printful support team was not sure about the issue.

Can you show me how to make "Personalize" appear on product page?

Thank you

0 Likes
Highlighted
New Member
1 0 0

I too have just started using teelaunch and seem to be having this issue. It works in Firefox browser but not chrome and also on mobile so guessing it's browser issue. Any tips would be welcome, thank you

0 Likes
Highlighted
New Member
5 0 0
Dear Tx
Sorry how did you fix this issue ?
I'm having the same issue
0 Likes
Highlighted
New Member
1 0 0

Hi. I am having a very similar issue to this.

Using a pagebuilder the "personalize design" button disappears. How did you solve it?

Do you know the code that is added to the theme so we can manually add it to another place?

Thanks.

0 Likes
Highlighted
New Member
5 0 0
Plz share me back the code if you get it
0 Likes
Highlighted
New Member
5 0 0
Hi TX
I have just figure out that when I'm using another Theme ( Debut ) it works fine
However my existing theme is not compatible and the personalization tool button will not show up
0 Likes