How do I add a guarantee image on home page (Venture Theme)

Hasansaleem1997
Tourist
11 0 3

I simply need to add the guarantee bar shown below, right above the footer on my home page, I'm using Venture theme. Need guidance ASAP

cropeed.jpg

my store link: essentyls.com, pass: arham123

0 Likes

@Hasansaleem1997 
we will help  you to add guarantee image .
Thank you.

If helpful, please Like and Accept Solution. if you Want to modify or Customize your theme, Hire us. or Want to know more. Read our Shopify Blogs.
Email us: sales@zworthkey.com Contact us: https://www.zworthkey.com/shopify-services/
0 Likes
Hasansaleem1997
Tourist
11 0 3

Thanks, I'm waiting for your response

Check out PM.
I have message you.

If helpful, please Like and Accept Solution. if you Want to modify or Customize your theme, Hire us. or Want to know more. Read our Shopify Blogs.
Email us: sales@zworthkey.com Contact us: https://www.zworthkey.com/shopify-services/
0 Likes
Hasansaleem1997
Tourist
11 0 3

Where do we get PM's here? I cant find any

0 Likes

@Hasansaleem1997 
Where you want to add, in which section.
share me your store I will help you to add it.
thank you.

If helpful, please Like and Accept Solution. if you Want to modify or Customize your theme, Hire us. or Want to know more. Read our Shopify Blogs.
Email us: sales@zworthkey.com Contact us: https://www.zworthkey.com/shopify-services/
0 Likes
Hasansaleem1997
Tourist
11 0 3

Hasansaleem1997_0-1627656841749.png

 

I want to add some space here and then add that guarantee bar

Essentyls.com

Password: arham123

 

0 Likes

provide me the approval I have sent an invitation.
Thank you.

If helpful, please Like and Accept Solution. if you Want to modify or Customize your theme, Hire us. or Want to know more. Read our Shopify Blogs.
Email us: sales@zworthkey.com Contact us: https://www.zworthkey.com/shopify-services/
0 Likes
  1. Create a new file within the sections folder of your theme, and paste the code below into this file. Save file as logo-list.liquid.
  2. Navigate to the theme editor and select "Add section". Within the Image category there will be an option for "Logo list". A maximum of 10 image blocks with links can be added.
  3. Logo image widths can be adjusted from the theme editor. Different width parameters can be assigned to the logo_width settings.

 

<style>
  .logo-bar__item {
    display: inline-block;
    max-width: {{ section.settings.logo_width }};
  }
</style>

<h2>{{ section.settings.title | escape }}</h2>

{%- if section.blocks.size > 0 -%}
  <ul>
    {%- for block in section.blocks -%}
      <li class="logo-bar__item" {{ block.shopify_attributes }}>
        {%- if block.settings.link != blank -%}
          <a href="{{ block.settings.link }}">
        {%- endif -%}

          {%- if block.settings.image != blank -%}
            {{ block.settings.image | img_url: '160x160', scale: 2 | img_tag: block.settings.image.alt }}
          {%- else -%}
            {{ 'logo' | placeholder_svg_tag: 'placeholder-svg' }}
          {%- endif -%}

        {%- if block.settings.link != blank -%}
          </a>
        {%- endif -%}
      </li>
    {%- endfor -%}
  </ul>
{%- endif -%}

{% schema %}
{
  "name": "Logo list",
  "class": "index-section",
  "max_blocks": 10,
  "settings": [
    {
      "type": "text",
      "id": "title",
      "label": "Heading",
      "default": "Logo list"
    },
    {
      "type": "select",
      "id": "logo_width",
      "label": "Logo width",
      "default": "160px",
      "options": [
        {
          "label": "Extra Small",
          "value": "100px"
        },
        {
          "label": "Small",
          "value": "125px"
        },
        {
          "label": "Medium",
          "value": "160px"
        },
        {
          "label": "Large",
          "value": "175px"
        },
        {
          "label": "Extra Large",
          "value": "200px"
        }
      ]
    }
  ],
  "blocks": [
    {
      "type": "logo_image",
      "name": "Logo",
      "settings": [
        {
          "type": "image_picker",
          "id": "image",
          "label": "Image"
        },
        {
          "type": "url",
          "id": "link",
          "label": "Link",
          "info": "Optional"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "Logo list",
      "category": "Image",
      "blocks": [
        {
          "type": "logo_image"
        },
        {
          "type": "logo_image"
        },
        {
          "type": "logo_image"
        },
        {
          "type": "logo_image"
        }
      ]
    }
  ]
}
{% endschema %}​

Use this code .
Thank you.

 

If helpful, please Like and Accept Solution. if you Want to modify or Customize your theme, Hire us. or Want to know more. Read our Shopify Blogs.
Email us: sales@zworthkey.com Contact us: https://www.zworthkey.com/shopify-services/
0 Likes
Hasansaleem1997
Tourist
11 0 3

@Zworthkey , thanks alot for your support, however, I just want to add this bar as an image in full width. The coding you shared just allowed logos, I want an option to add an image in full width

0 Likes