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

Replies 11 (11)

Zworthkey
Shopify Partner
5581 642 1565

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

Hasansaleem1997
Tourist
11 0 3

Thanks, I'm waiting for your response

Zworthkey
Shopify Partner
5581 642 1565

Check out PM.
I have message you.

Hasansaleem1997
Tourist
11 0 3

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

Zworthkey
Shopify Partner
5581 642 1565

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

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

 

Zworthkey
Shopify Partner
5581 642 1565

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

Zworthkey
Shopify Partner
5581 642 1565
  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.

 

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

Zworthkey
Shopify Partner
5581 642 1565

Maximize the images at setting or increase the size.
thank you.

Zworthkey
Shopify Partner
5581 642 1565

logo-bar-width-options.gif

check out and use it.