Adding Slideshow Subheading (venture theme)

Solved
Highlighted
New Member
7 0 0

Can anyone help me with a line of code that would add the option of subheading in the slideshow feature if the venture theme :)

 

Thanks in advance :)

 

0 Likes
Highlighted

This is an accepted solution.

Hello TKarakashian,
Search this file and open
Online Store-> Themes -> Edit code->Sections->slideshow.liquid

1.Search this code

<div class="hero-content__title-wrapper">
          {%- if section.settings.hero_home_height == 'adapt' -%}
            <div class="hero-content__inner-text">
          {%- endif -%}
          {%- for block in section.blocks -%}
            {%- unless block.settings.title == blank -%}
              <h2 data-slide-id="{{ forloop.index }}" class="hero-content__title h1{% if section.blocks.size == 1 %} hero-title-active{% endif %}">
                {{ block.settings.title | escape }}
              </h2>
            {%- endunless -%}
          {%- endfor -%}
          {%- if section.settings.hero_home_height == 'adapt' -%}
            </div>
          {%- endif -%}
        </div>

After this code add below code :

 <div class="hero-content__title-wrapper">
          {%- if section.settings.hero_home_height == 'adapt' -%}
            <div class="hero-content__inner-text">
          {%- endif -%}
          {%- for block in section.blocks -%}
            {%- unless block.settings.sub_heading == blank -%}
              <h6 data-slide-id="{{ forloop.index }}" class="hero-content__title h6{% if section.blocks.size == 1 %} hero-title-active{% endif %}">
                {{ block.settings.sub_heading | escape }}
              </h6>
            {%- endunless -%}
          {%- endfor -%}
          {%- if section.settings.hero_home_height == 'adapt' -%}
            </div>
          {%- endif -%}
        </div>

2.Search this code:

{
          "type": "text",
          "id": "title",
          "label": {
            "de": "Titel",
            "en": "Heading",
            "es": "Título",
            "fr": "Titre",
            "it": "Heading",
            "ja": "見出し",
            "nl": "Kop",
            "pt-BR": "Título",
            "zh-CN": "标题",
            "zh-TW": "標題"
          },
          "default": {
            "de": "Folie",
            "en": "Slide",
            "es": "Diapositiva",
            "fr": "Diapositive",
            "it": "Slide",
            "ja": "スライド",
            "nl": "Dia",
            "pt-BR": "Slide",
            "zh-CN": "幻灯片",
            "zh-TW": "投影片"
          }
        },

after that add below code

{
"type": "text",
"id": "sub_heading",
"label": {
"de": "Titel",
"en": "Heading",
"es": "Título",
"fr": "Titre",
"it": "Heading",
"ja": "見出し",
"nl": "Kop",
"pt-BR": "Título",
"zh-CN": "标题",
"zh-TW": "標題"
},
"default": {
"de": "Folie",
"en": "Slide",
"es": "Diapositiva",
"fr": "Diapositive",
"it": "Slide",
"ja": "スライド",
"nl": "Dia",
"pt-BR": "Slide",
"zh-CN": "幻灯片",
"zh-TW": "投影片"
}
},
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
2 Likes
Highlighted
New Member
7 0 0

You are a genius! worked like a charm. Thanks a lot. 

 

0 Likes
Highlighted
New Member
7 0 0

Last question :)

 

Is it possible to change the size and colour of the subheading independently from the heading?

 

I know how to change size of heading but cannot figure out how to adjust subheading size on its own. I can only do both at the same time :)

 

Really appreciate the help!

0 Likes
Highlighted

Hello ,

1.Online Store-> Themes -> Edit code->Sections->slideshow.liquid
Search this code:

<h6 data-slide-id="{{ forloop.index }}" class="hero-content__title h6{% if section.blocks.size == 1 %} hero-title-active{% endif %}">
{{ block.settings.sub_heading | escape }}
</h6>

Replace this code with:

<h6 data-slide-id="{{ forloop.index }}" class="sub_heading_class hero-content__title h6{% if section.blocks.size == 1 %} hero-title-active{% endif %}">
{{ block.settings.sub_heading | escape }}
</h6>

2.Open this file:
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid
Add this css at bottom:

.sub_heading_class {
font-size: 25px;
color: orange;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
New Member
1 0 0

I tried using the same code for Boundless theme and it didn't work as planned, can u help me please ?

<3

0 Likes
Highlighted
Tourist
34 0 16

Hi @oscprofessional , thanks for that. It works great on web.

But can you help me to do it responsive in mobile please? I need the text smaller in the mobile.

Hope you can help me!! https://genuinner.myshopify.com pass Innergenu. Attached you pictures.

Mp

IMG_4127.jpeg

0 Likes
Highlighted
Tourist
34 0 16

Hi @oscprofessional 

I already solved the reduction of the text. Now I would like to do two things:

1) Is it possible to have different size of type in the title than in the sub title? 

2) Add space between the Title and the sub title.

3) I would like to reduce the spacing between the lines in the paragraph of subtitle.

Can you share me a code please? Thanks in advance!

Mp

Captura de Pantalla 2020-11-21 a la(s) 10.29.43.pngIMG_4171.jpeg

0 Likes