How to Make Collection Titles Larger and Adjusted Left on Collection Page? - Prestige Theme

Solved
Highlighted
Tourist
37 0 0

Hi there!

 

I'm looking to make my collection titles larger and also adjusted left for each collection page for the desktop view only. I've tried to do this using the Shopify presets but I think it requires some custom code.

 

I am also currently using the Prestige theme.

 

Any suggestions would be greatly appreciated!

 

Thank you!

0 Likes
Highlighted

Success.

Shopify Expert
3297 526 775

Hi @mhalfya 

try to add this css in asset->theme.scss file at bottom:

#main .SectionHeader__Heading.u-h1{font-size:30px;text-align: left;}

If not work then send your store url 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
Tourist
37 0 0

Thank you so much, that worked perfectly!

0 Likes
Highlighted
Tourist
37 0 0

Hi Jasoliya,

 

After looking again, it appears that this also left-adjusted some titles on my home page. Is there any way to fix this while still keeping the collection titles left adjusted?

 

My site url is: Kadabra.ca for reference!

 

Thanks again for your help!

0 Likes
Highlighted

Success.

Shopify Expert
3297 526 775

Remove old given css and add this one:

#shopify-section-collection-template  .SectionHeader__Heading.u-h1{font-size:30px;text-align: left;}
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
Tourist
37 0 0

Okay perfect! Thank you!

 

0 Likes
Highlighted
New Member
3 0 0

Hi Jasoliya,

 

I can see you know your way around prestige, so I thought I try out my luck. 


I'm trying to hide prices and change the buy button to "pre-oder" on a certain collection, this collection will be a pre-order collection. 

 

Any ideas?

Thanks in advance and stay healthy

0 Likes
Highlighted
Shopify Expert
3297 526 775

For that you have to manage by tag,

like add tag in product "pre_order" and then manage button on section-product-template.liquid file by following condition.

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

  {% if check_item=='true' %}
  //change button to pre- order here
  {% else %}
  // your regulate add to cart button. 
  {% endif%}
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
New Member
3 0 0

Hi again,

 

First of all thank you for the rapid response, much appreciated. 

 

But I couldn't figure it out. Placing the code under the button script doesn't seem to work, although I added the "pre-order" tag in products. 

 

Should it be somewhere around this code?

 

{%- capture section_settings -%}
{
"enableHistoryState": true,
"templateSuffix": {{ product.template_suffix | json }},
"showInventoryQuantity": {{ section.settings.show_inventory_quantity | json }},
"showSku": {{ section.settings.show_sku | json }},
"stackProductImages": {{ section.settings.stack_images | json }},
"showThumbnails": {{ section.settings.show_thumbnails | json }},
"enableVideoLooping": {{ section.settings.enable_video_looping | json }},
"inventoryQuantityThreshold": {{ section.settings.inventory_quantity_threshold }},
"showPriceInButton": {{ section.settings.show_price_in_button | json }},
"enableImageZoom": {{ section.settings.enable_image_zoom | json }},
"showPaymentButton": {{ section.settings.show_payment_button | json }},
"useAjaxCart": {% if settings.cart_type == 'drawer' %}true{% else %}false{% endif %}
}
{%- endcapture -%}

<section class="Product Product--{{ section.settings.image_size }}" data-section-id="{{ section.id }}" data-section-type="product" data-section-settings='{{ section_settings }}'>
<div class="Product__Wrapper">
{%- capture action_list_items -%}
{%- if section.settings.enable_image_zoom -%}
<div class="Product__ActionItem hidden-lap-and-up">
<button class="RoundButton RoundButton--small RoundButton--flat" data-action="open-product-zoom">{% render 'icon' with 'plus' %}</button>
</div>
{%- endif -%}

{%- if section.settings.show_share_buttons -%}
<div class="Product__ActionItem hidden-lap-and-up">
<button class="RoundButton RoundButton--small RoundButton--flat" data-action="toggle-social-share" data-animate-bottom aria-expanded="false">
<span class="RoundButton__PrimaryState">{% render 'icon' with 'share' %}</span>
<span class="RoundButton__SecondaryState">{% render 'icon' with 'close' %}</span>
</button>

{%- assign share_url = shop.url | append: product.url -%}
{%- assign twitter_text = product.title -%}
{%- assign pinterest_description = product.description | strip_html | truncatewords: 15 | url_param_escape -%}
{%- assign pinterest_image = product.featured_media | img_url: '1024x' | prepend: 'https:' -%}

<div class="Product__ShareList" aria-hidden="true">
<a class="Product__ShareItem" href="https://www.facebook.com/sharer.php?u={{ share_url }}" target="_blank" rel="noopener">{%- render 'icon' with 'facebook' -%} Facebook</a>
<a class="Product__ShareItem" href="https://pinterest.com/pin/create/button/?url={{ share_url }}{% if pinterest_image != blank %}&media={{ pinterest_image }}{% endif %}&description={{ pinterest_description }}" target="_blank" rel="noopener">{%- render 'icon' with 'pinterest' -%} Pinterest</a>
<a class="Product__ShareItem" href="https://twitter.com/share?{% if twitter_text != blank %}text={{twitter_text}}&{% endif %}url={{ share_url }}" target="_blank" rel="noopener">{%- render 'icon' with 'twitter' -%} Twitter</a>
</div>
</div>
{%- endif -%}
{%- endcapture -%}

{%- comment -%}
--------------------------------------------------------------------------------------------------------------------
PRODUCT GALLERY
--------------------------------------------------------------------------------------------------------------------

0 Likes
Highlighted
Shopify Expert
3297 526 775

no file name="name" or name='add' (this is your add to cart button )button on section->product-template.liquid file

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