Hi mates,
I want to add a message in my cart page to have free shipping (>50), else and the rest of have it.
My code don't work :
Could you help me?
<!--TEST--><div class="livraison">
{% if cart.general.total > 50%}<span class="orange">Félicitations</span>
{% endif %}<span class="orange">Livraison Offerte à partir de 50€!</span></div><!--TEST-->
Thank you very much Elliott for your answer.
I did consider using Product Tags to hold our Style No., but shied away from it because the example tags in the placeholder are: "Vintage, cotton, Summer", which are more of a grouping rather then a unique identifier.
I tried it. You say the tags will come through on the orders export under tags. However, that is not the case: The doc says the tag field in the order export are "The tags associated with the order."
How are you pulling orders for your customer who is using Product Tags to hold their style no.? Are you pulling them via the API?
Thank you for your help.
David
Hello, thank you for reading this.
I'm having some trouble with making both desktop and mobile asthetic at the same time with the "SHOP NOW" button.
I used this piece of code for making the button bigger than the deafult in the Brooklyn theme:
a.btn.hero__cta{
font-size:3em;
}I got the result that I wanted on the desktop version of my shopify store.
But the problem comes with the mobile version. The button is WAY to big and makes some elements overlap.
Do you know how can I make the button preserve its current size on desktop but make it smaller on mobile?
Thank you very much for your time.
Best regards,
Pau
You can apply your css code only for the desktop verstion. See the below code
@media screen and (min-width: 768px) {
a.btn.hero__cta{
font-size:3em;
}
}
Could you please provide an update on how this issue was solve? I'm attempting to do the very same thing and cannot find a solution in any of the guides or forums.
Thank you!
Hi Willl, I am having a similar problem. Did you happen to figure this out?
Thank you so much for the help!
At the end the code was in JQuery so I had to install the JQuery code in the head of the template, but after that the countdown was working but not the display image in the product page.
Infact I cannot change the picture now, how is it possible that in Venture theme you cannot use JQuery?
How can i fix this?
Thank you
Hello Guys,
thank you so much for the help.
I've created a new Jquery script and I discover that this theme had not the JQuery installated in default.
So I've writtend the Jquery Code in the head of the template and my JQuery script was working perfectly, but I've seen that something in the product page did not work, infact when you install JQuery script you are not able anymore to select and display the other product images. How can it is possible? Venture theme is a common them.
How can I fix this bug?
Thank you
The site is accessible using the address in the original post. Here is a link.
I have the Minimal theme and would like to add Dynamic Checkout buttons to my store, but I can't figure out how to follow the instructions given in the "card" that showed up in my admin.
In the first place, there's a disconnect between Steps 3 and 4. When I go to Product Pages, there is no Sections tab. I have to go to Edit Code, and then to a Sections tab.
When I do go to the Sections tab, it pops me up a box that says "Add a New Section Called" with a blank for the new section name. There is no "Product Pages" to click for Step 6, let alone a "Show Dynamic Checkout" for Step 7.
Is this a shortcoming in the theme? Am I doing something wrong?
Looking for the same thing in Venture theme. Has anyone had experience with this?
Is there a way to have it so the extra stuff that's loaded by the extension doesn't disappear when I click away to a new page? I know it's a huge first world problem, but it'd be great if I didn't have to hard refresh per every product page just so I can load the extension again.
Ok solved it
I should install Jquery like this
{{ '//ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js' | script_tag }}and not like this
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
Hi there, experiencing the same issue. I took all of the above steps and the pop up still isn't showing in my store. Using the Brooklyn theme. This is especially frustrating as I recently started a FB campaign and just realizing the email pop is not working. Can someone from Shopify weigh in on this issue? Is the only solve to integrate another 3rd party app like Privy? All of my automations are set up through MailChimp so it seems cumbersome to now have to do the same set ups in Privy. Please advise.
Hey All,
I was struggling with making the logo image look good on mobile it looked way smaller than on the desktop.
I managed to do some PS editing and get it good. Now it looks bigger a more centered, But I still have a massive space on top of the logo, would love to get some help on that.
Thanks!
I'm running into an issue where when I have two of the same product in my cart (but with different properties, so they show up as two line items) and I update the quantity of one of them, on a page refresh it updates the quantity of all of the products. I've had to make some changes to the cart liquid template to get this working up until this point, but I was wondering what I can add to get it to treat them as completely separate quantity.
Here's the Shopify API call that's adjusting the item
return Shopify.changeItem(variant, newQuantity, (function(_this) {
return function(cart) {
var item, j, len, newProductPrice, ref1;
ref1 = cart.items;
for (j = 0, len = ref1.length; j < len; j++) {
item = ref1[j];
if (item.id === variant) {
newProductPrice = Shopify.formatMoney(parseInt(productRow.find(".cart-item-price .money").html().substr(1, productRow.find(".cart-item-price .money").html().length))*newQuantity*100, Shop.moneyFormat);
productPrice.html(newProductPrice);
productRow.find(".cart-item-quantity-display").val(item.quantity);
}
}
return _this.updateCart(cart);
};
})(this));Here is the cart template around the quantity adjustment:
<td class="cart-item-quantity" {% unless item.variant.inventory_management == blank or item.variant.inventory_policy == 'continue' %}data-max="{{ item.variant.inventory_quantity }}"{% endunless %}><input class="cart-item-quantity-display" type="text" name="updates[]" value="{{ item.quantity }}" id="updates_{{ item.id }}" size="1"><span class="cart-item-decrease {% if item.quantity == 1 %}disabled{% endif %}"></span><span class="cart-item-increase"></span></td>Thanks!
Followed instructions at (https://help.shopify.com/themes/customization/products/features/get-customization-information-for-products) to include a personalization box for products. It appears on the product page now but the outline of the box is not visible. TY
I am using Paralax and I would like to know if anyone has found a way to filter out of stock product from the search function using code here is my search code:
Thanks in advance:
{% assign search_pagination = section.settings.pagination_limit %}
{% paginate search.results by search_pagination %}
<div class="container main content main-wrapper">
<div class="section clearfix">
<div class="sixteen columns clearfix">
<h1>{{ 'general.search.title' | t }}</h1>
<div class="feature_divider"></div>
</div>
</div>
<div class="section clearfix">
<div class="sixteen columns breadcrumb">
{% if section.settings.search_breadcrumb %}
<div class="eight columns breadcrumb_text alpha" itemscope itemtype="http://schema.org/BreadcrumbList">
<span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a href="{{ shop.url }}" title="{{ shop.name | escape }}" itemprop="item" class="breadcrumb_link"><span itemprop="name">{{ 'general.breadcrumbs.home' | t }}</span></a></span>
<span class="icon-arrow-right"></span>
<span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a href="/search" itemprop="item" class="breadcrumb_link"><span itemprop="name">{{ 'general.search.title' | t }}</span></a></span>
{% if paginate.pages != 0 %}
<span class="icon-arrow-right"></span>
{{ 'general.breadcrumbs.page' | t: current_page: paginate.current_page, pages: paginate.pages }}
{% endif %}
</div>
{% endif %}
</div>
</div>
{% comment %}Check to see if sidebar should be enabled{% endcomment %}
{% if section.blocks.size > 0 %}
{% assign sidebar = true %}
{% else %}
{% assign sidebar = false %}
{% endif %}
{% if search.performed %}
{% if settings.search_option == 'everything' or search.results.first.price == blank %}
{% if sidebar %}
{% include 'sidebar' %}
<div class="twelve columns">
{% else %}
<div class="sixteen columns">
{% endif %}
{% if search.results == empty %}
<br class="clear" />
<br class="clear" />
<div class="clearfix">
<p class="quote">{{ 'general.search.no_results_html' | t: terms: search.terms }}</p>
</div>
<br class="clear" />
<br class="clear" />
{% else %}
{% for item in search.results %}
<div class="product_row">
{% assign featured_image = false %}
{% if item.object_type == 'article' and item.image %}
{% assign featured_image = true %}
<div class="four columns alpha">
<a href="{{ item.url }}" title="{{ item.title | escape }}">
<img src="{{ item.image | img_url: '300x' }}"
alt="{{ item.title | escape }}"
data-src="{{ item.image | img_url: '2048x' }}"
class="lazyload lazyload--fade-in"
style="max-width: {{- item.image.width -}}px"
data-sizes="auto"
data-srcset=" {{ item.image | img_url: '2048x' }} 2048w,
{{ item.image | img_url: '1600x' }} 1600w,
{{ item.image | img_url: '1200x' }} 1200w,
{{ item.image | img_url: '1000x' }} 1000w,
{{ item.image | img_url: '800x' }} 800w,
{{ item.image | img_url: '600x' }} 600w,
{{ item.image | img_url: '400x' }} 400w"
/>
</a>
</div>
{% elsif item.featured_image %}
{% if item.object_type == 'product' and item.available == true %}
{% assign featured_image = true %}
<div class="four columns alpha">
<a href="{{ item.url }}" title="{{ item.title | escape }}">
<img src="{{ item.featured_image | img_url: '300x' }}"
alt="{{ item.title | escape }}"
data-src="{{ item.featured_image | img_url: '2048x' }}"
class="lazyload lazyload--fade-in"
style="max-width: {{- item.featured_image.width -}}px"
data-sizes="auto"
data-srcset=" {{ item.featured_image | img_url: '2048x' }} 2048w,
{{ item.featured_image | img_url: '1600x' }} 1600w,
{{ item.featured_image | img_url: '1200x' }} 1200w,
{{ item.featured_image | img_url: '1000x' }} 1000w,
{{ item.featured_image | img_url: '800x' }} 800w,
{{ item.featured_image | img_url: '600x' }} 600w,
{{ item.featured_image | img_url: '400x' }} 400w"
/>
</a>
</div>
{% endif %}
{% if sidebar %}
<div class="{% if featured_image %}eight{% else %}twelve{% endif %} columns omega align_left">
{% else %}
<div class="{% if featured_image %}twelve{% else %}sixteen alpha{% endif %} columns omega align_left">
{% endif %}
<h5 class="sub_title">
<a href="{{ item.url }}" title="{{ item.title | escape }}">{{ item.title }}</a>
</h5>
{% if item.price %}
<div class="info">
<span class="price">
{% if item.compare_at_price_max > item.price %}
<span class="was_price">
<span class="money">{{ item.compare_at_price_max | money }}</span>
</span>
{% endif %}
{% if item.available %}
{% if item.price_varies %}
{% if item.compare_at_price_max > item.price %}
<br />
{% endif %}
<small><em>{{ 'products.general.from' | t }}</em></small>
{% endif %}
<span class="money">{{ item.price_min | money }}</span>
{% else %}
<span class="money">{{ item.price_min | money }}</span> - {{ 'products.product.sold_out' | t }}
{% endif %}
</span>
</div>
{% endif %}
{% if item.object_type == 'article' %}
<p class="blog_meta">
{% if section.settings.blog_author %}
<span>{{ 'blogs.article.by_author' | t: author: item.author }}</span>
{% endif %}
{% if section.settings.blog_date %}
<span>{{ item.published_at | date: format: "month_day_year" }}</span>
{% endif %}
</p>
{% endif %}
{% if item.excerpt %}
<div class="excerpt">{{ item.excerpt }}</div>
{% if section.settings.read_more_link %}
<p>
<a href="{{ item.url }}" title="{{ item.title | escape }}">{{ 'blogs.general.continue_reading_html' | t }}</a>
</p>
{% endif %}
{% else %}
<p>
{{ item.content | strip_html | truncatewords: 40 | highlight: search.terms | replace: 'Description', '' | replace: 'Specs', '' | replace: 'Shipping', '' | replace: 'Size', '' }}
</p>
{% endif %}
</div>
</div>
<hr />
{% endif %}
{% endfor %}
{% endif %}
</div>
{% else %}
{% if sidebar %}
{% include 'sidebar' %}
<div class="twelve columns">
{% else %}
<div class="sixteen columns">
{% endif %}
{% assign products = search.results %}
{% assign products_per_row = section.settings.products_per_row %}
{% include 'product-loop', sidebar: sidebar %}
</div>
{% endif %}
{% include 'pagination' %}
{% else %}
<div class="clearfix search_page">
{% if sidebar %}
{% include 'sidebar' %}
<div class="twelve columns">
{% else %}
<div class="sixteen columns">
{% endif %}
<br class="clear" />
<form class="search" action="/search">
<div class="{% if sidebar %}offset-by-one{% else %}offset-by-three{% endif %} ten columns center">
<h3 class="center">
{{ 'general.search.description' | t }}
</h3>
{% if settings.search_option != 'everything' %}
<input type="hidden" name="type" value="product" />
{% endif %}
<input type="text" name="q" placeholder="{{ 'general.search.placeholder' | t }}" value="{{ search.terms }}" x-webkit-speech autocapitalize="off" autocomplete="off" autocorrect="off" />
<input type="submit" name="submit" class="action_button" value="{{ 'general.search.submit' | t }}" style="margin-top:0" />
</div>
</form>
</div>
</div>
{% endif %}
{% endpaginate %}
{% schema %}
{
"name": "Search",
"class": "search-template-section",
"settings": [
{
"type": "checkbox",
"id": "search_breadcrumb",
"label": "Show breadcrumb",
"default": true
},
{
"type": "range",
"id": "products_per_row",
"label": "Products per row",
"min": 2,
"max": 4,
"step": 1,
"default": 3
},
{
"type": "range",
"id": "pagination_limit",
"label": "Products per page",
"min": 2,
"max": 50,
"step": 1,
"default": 48
},
{
"type": "header",
"content": "Blog results"
},
{
"type": "checkbox",
"id": "blog_author",
"label": "Show author"
},
{
"type": "checkbox",
"id": "read_more_link",
"label": "Show continue reading link for blog post excerpts",
"default": true
},
{
"type": "checkbox",
"id": "blog_date",
"label": "Show date",
"default": true
},
{
"type": "header",
"content": "Sidebar"
},
{
"type": "paragraph",
"content": "Create a sidebar by adding content blocks."
},
{
"type": "checkbox",
"id": "toggle",
"label": "Toggle sidebar content",
"default": false
}
],
"blocks": [
{
"type": "filter_by_collection",
"name": "Collection list",
"limit": 1
},
{
"type": "filter_by_type",
"name": "Type list",
"limit": 1
},
{
"type": "filter_by_vendor",
"name": "Vendor list",
"limit": 1
},
{
"type": "menu",
"name": "Menu",
"settings": [
{
"type": "link_list",
"id": "custom_menu_linklist",
"label": "Menu"
}
]
},
{
"type": "text",
"name": "Text",
"settings": [
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Heading"
},
{
"type": "richtext",
"id": "text",
"label": "Text",
"default": "<p>Text area can be used for special announcements or general information.</p>"
}
]
},
{
"type": "page",
"name": "Page",
"settings": [
{
"type": "page",
"id": "content_page",
"label": "Page"
}
]
}
]
}
{% endschema %}
I need to change the text on my "Add To Cart" button, but only on certain products. I tried to follow this:
https://help.shopify.com/themes/customization/products/add-to-cart/allow-pre-orders#sectioned-themes
But I am not finding the entire Step 11
Anybody have an updated version of this that is easier to follow?
Hello, I'm adding a table to a page within 'Venture' theme and I've gotten it mostly down, however the border is super thick. *As seen on this page https://www.kicksproscooters.com/pages/local-parks-and-where-to-find-them
I WANT a border, but maybe half that size? I cannot find where it's at in my theme.scss, or anywhere forI that matter,
On the back end coding of the page it hasn't given me any options either.
Thanks!