Shopify themes, liquid, logos, and UX
As title states i want the price on the product page to display on the same line as product__tax caption rte. I have my language set to make product__tax caption rte display Free shipping and the word shipping is a link to my shipping policy page. I need the price to be displayed first then the free shipping. I have gotten css but it only works on desktop not mobile any help would be appreciated
<div class="no-js-hidden" id="price-{{ section.id }}" role="status" {{ block.shopify_attributes }}>
<b>{%- render 'price',
product: product,
use_variant: true,
show_badges: true,
price_class: 'price--large'
-%}</b>
</div>
{%- if cart.taxes_included or shop.shipping_policy.body != blank -%}
<div class="product__tax caption rte">
{%- if shop.shipping_policy.body != blank -%}
{{ 'products.product.shipping_policy_html' | t: link: shop.shipping_policy.url }}
{%- endif -%}
</div>
{%- endif -%}
<div {{ block.shopify_attributes }}>
{%- assign product_form_installment_id = 'product-form-installment-' | append: section.id -%}
{%- form 'product', product, id: product_form_installment_id, class: 'installment caption-large' -%}
<input type="hidden" name="id" value="{{ product.selected_or_first_available_variant.id }}">
{{ form | payment_terms }}
{%- endform -%}
</div>
@media (min-width:749px){
.product__tax.caption.rte {
position: absolute;
top: 136px;
right: 14%;
}
}
hydrationhound.com
password: xoflah
hi what the file name for the code u showed because i cant find it
In Canada, payment processors, like those that provide payment processing services t...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025