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

Store Design
1

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
cropeed.jpg1600×104 16.5 KB

my store link: essentyls.com, pass: arham123

2

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

3

Thanks, I’m waiting for your response

1 Like
4

Check out PM.
I have message you.

5

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

6

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

7

Hasansaleem1997_0-1627656841749.png
Hasansaleem1997_0-1627656841749.png1600×900 312 KB

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

Essentyls.com

Password: arham123

8

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

9
  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.

## {{ section.settings.title | escape }}

{%- if section.blocks.size > 0 -%}
  
    {%- for block in section.blocks -%}
      - {%- if block.settings.link != blank -%}
          
          {%- 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 -%}
          
          {%- endif -%}
      
    {%- endfor -%}
  

{%- 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.

10

@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

11

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

12

logo-bar-width-options.gif

check out and use it.