Ask your questions: Theme help from Shopify Experts

Excursionist
16 6 4
Sorry mate I cannot help with this .Still off from work ..
0 Likes
New Member
9 0 0

Hi there, 

I'm looking to remove the "padding" between the sections of my homepage. Three screenshots attached (I would like the titles to be closer to the section). I have tried editing the theme.scss.liquid and it is not affecting the spacing. 

twowebster.com 

 

Screen Shot 2020-12-01 at 3.58.05 PM.pngScreen Shot 2020-12-01 at 3.58.12 PM.pngScreen Shot 2020-12-01 at 3.58.18 PM.png

0 Likes
Shopify Expert
4019 562 962

You have added all title as separate section that not right way because you can add title withing section also.

You can remove bit space by this step:

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

#shopify-section-1559828639643 .simple-collection,#shopify-section-1482145227743 .recent-posts-collection,#insta-feed{padding-top:0;}

More space because of your title image have much white space with image.   so re upload it after removing space from image.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
New Member
9 0 0

Thank you for your response! 

Unfortunately, I have to keep the title as a separate section rather than within the section because we are using a font that Shopify does not offer so I added the design as an image. Whenever I try to resize the image to remove the white space, Shopify zooms it in so the title is very big. Do you have any advice on how I can resize the image to remove the white space?

twowebster.com

0 Likes
Shopify Expert
4019 562 962

Now we have not any way to adjust it, we have to do fix margin for those section. 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
New Member
9 0 0

I am looking to add custom variants to some of my Shopify products. When I add in the code, which I developed from this generator, the custom variants go to the bottom of the product listing (below the add to cart button). How can I add where the other variants are (above the add to cart button) without changing the current template of a product listing. 

 

hamiltongrace.com

 

Screen Shot 2020-12-03 at 3.25.24 PM.png

0 Likes
Shopify Expert
4019 562 962

@lcarlisle97 

Find 'product-details__add-to-cart-button' in file(section->product-template) and add above it.

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
New Member
9 0 0

I have tried this and unfortunately this solution does not work. It changes the look of my product listing. Rather than having the variants to the left of the product photo is puts them under the product photo. I don't want this. 

 

Also, not every product is customizable. So what I did is copy the static-product.liquid section and made a new static-product-customizable.liquid section and added the new code there, but it is messing up the aesthetic of my product listing. What do I do about this?

0 Likes
Shopify Expert
4019 562 962

If you add in my given place then it must work.

If you cant find add to cart button then try to find 'product-quantity' text and add next to </div> ending.

also if you want to add this box in specific products then you have to make it dynamic by product tag condition.

like add any tag in product (i.e 'custom_box') then add your code under this tag condition

{% assign check_item='false' %}
{% for tag in product.tags %}
     {% if tag  contains 'custom_box' %}     
            {% assign check_item='true' %} 
     {% endif %}
  {% endfor %}

  {% if check_item=='true' %}
  //aa your box code here
  {% endif%}

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
New Member
9 0 0

This solution also didn't work for me. When I add it to static-product.liquid under sections, the variants don't show up in the product. This is what the code looks like, maybe you will find the issue. 

 

 

{% assign layout = section.settings.layout %}
{% assign enable_zoom = section.settings.gallery_image_zoom %}
{% assign enable_cart_redirection = section.settings.enable_cart_redirection %}
{% assign show_quantity_selector = section.settings.show_quantity_selector %}
{% assign show_variant_labels = section.settings.show_variant_labels %}
{% assign show_vendor = section.settings.show_vendor %}
{% assign show_social_sharing_buttons = section.settings.show_social_sharing_buttons %}

{% assign variant = product.selected_or_first_available_variant %}

<script
type="application/json"
data-section-type="static-product"
data-section-id="{{ section.id }}"
data-section-data
>
{
"product": {{ product | json }},
"layout": {{ layout | json }},
"gallery_image_zoom": {{ section.settings.gallery_image_zoom | json }},
"gallery_video_autoplay": {{ section.settings.gallery_video_autoplay | json }},
"gallery_video_looping": {{ section.settings.gallery_video_looping | json }},
"enable_cart_redirection": {{ enable_cart_redirection | json }},
"show_quantity_selector": {{ show_quantity_selector | json }},
"show_variant_labels": {{ show_variant_labels | json }}, {% assign check_item='false' %}
{% for tag in product.tags %}
{% if tag contains 'custom' %}
{% assign check_item='true' %}
{% endif %}
{% endfor %}

{% if check_item=='true' %}
//aa your box code here <p class="line-item-property__field">
<label for="monogram-letters">Monogram Letters</label>
<input required class="required" id="monogram-letters" type="text" name="properties[Monogram Letters]">
</p>
<p class="line-item-property__field">
<label>Monogram Font</label><br>
<select required class="required" id="monogram-font" name="properties[Monogram Font]">
<option value="Round">Round</option>
<option value="Interlocking Script">Interlocking Script</option>
<option value="Roman">Roman</option>
</select>
</p>
{% endif%}
"show_vendor": {{ show_vendor | json }},
"show_social_sharing_buttons": {{ show_social_sharing_buttons | json }},
"addToCartText": {{ 'product.add_to_cart.submit' | t | json }},
"enableHistory": true,
"linkedOptions": true,
"soldOutText": {{ 'product.add_to_cart.sold_out' | t | json }},
"unavailableText": {{ 'product.add_to_cart.unavailable' | t | json }},
"atc_message_success": {{ 'product.add_to_cart.success_html' | t | json }},
"atc_cart_link": {{ 'product.add_to_cart.cart_link' | t | json }},
"atc_continue_shopping": {{ 'general.continue_shopping' | t | json }},
"atc_checkout_link": {{ 'product.add_to_cart.checkout_link' | t | json }}
}
</script>

<div
class="
product-page
clearfix
{{ layout }}
{% if product.images.size > 0 %}product-showcase{% endif %}
"
data-section-id="{{ section.id }}"
data-section-type="product-template"
id="content"
>
{% include 'breadcrumbs' %}
{%
include 'product',
show_payment_button: section.settings.show_payment_button
%}
</div>

{% schema %}
{
"name": "Product pages",
"settings": [
{
"type": "select",
"id": "layout",
"label": "Layout",
"options": [
{
"value": "one-column",
"label": "One column"
},
{
"value": "two-column",
"label": "Two columns"
}
],
"default" : "one-column"
},
{
"type": "checkbox",
"id": "enable_cart_redirection",
"label": "Enable cart redirection",
"info": "Automatically sends users to the Cart page after adding a product.",
"default": false
},
{
"type": "checkbox",
"id": "show_payment_button",
"label": "Show dynamic checkout button",
"info": "Each customer will see their preferred payment method from those available on your store, such as PayPal or Apple Pay. [Learn more](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
"default": true
},
{
"type": "header",
"content": "Text"
},
{
"type": "checkbox",
"id": "show_quantity_selector",
"label": "Show quantity selector",
"default": true
},
{
"type": "checkbox",
"id": "show_variant_labels",
"label": "Show variant labels"
},
{
"type": "checkbox",
"id": "show_vendor",
"label": "Show vendor"
},
{
"type": "checkbox",
"id": "show_social_sharing_buttons",
"label": "Show social sharing buttons"
},
{
"type": "header",
"content": "Media"
},
{
"type": "paragraph",
"content": "Learn more about [media types](https://help.shopify.com/en/manual/products/product-media/product-media-types)"
},
{
"type": "checkbox",
"id": "gallery_image_zoom",
"label": "Enable image zoom"
},
{
"type": "checkbox",
"id": "gallery_video_autoplay",
"label": "Enable video autoplay",
"default": true
},
{
"type": "checkbox",
"id": "gallery_video_looping",
"label": "Enable video looping",
"default": true
}
]
}

{% endschema %}

0 Likes