How can I customize my webshop design elements?

Store Design
, , , ,
1

Hi,

https://1r6gl2uhj38l7ioj-77835436375.shopifypreview.com/

I have some things that are not working in the design of the webshop.

  • How can I align the logo in the header on the left, but center the navigation?

  • I want an icon above the text in the “rich text” section, is this possible? ( first screenshot)

  • I would like to personalize the search bar in the header, is this possible?

  • How can I put a link behind a picture to a page on the web shop? (See last screenshot). Those 3 icons + words should become clickable to lead to a page on the webshop.

Thanks in advance for the help!

Scherm­afbeelding 2023-10-04 om 11.59.29.png
Scherm­afbeelding 2023-10-04 om 11.59.29.png1780×696 18.4 KB

Scherm­afbeelding 2023-10-04 om 11.59.23.png
Scherm­afbeelding 2023-10-04 om 11.59.23.png1359×142 10.4 KB

2

Hi @Itsadesignthing

Can you please share the Store URL and password?

3

Here you can find the link: https://1r6gl2uhj38l7ioj-77835436375.shopifypreview.com/

4

Request sent

5

sorry this is the right link: https://1r6gl2uhj38l7ioj-77835436375.shopifypreview.com/

6

Hi @Itsadesignthing

  • I want an icon above the text in the “rich text” section, is this possible? ( first screenshot) ====== First have to create json schema code for image block then call that above the text, and do css for the styling.

  • I would like to personalize the search bar in the header, is this possible? ==== Yes, What changes you need?

  • How can I put a link behind a picture to a page on the web shop? (See last screenshot). Those 3 icons + words should become clickable to lead to a page on the webshop. ==== Have add schema for ahref URL and then call that in HTML

  • How can I align the logo in the header on the left, but center the navigation? ===

Please use following CSS

  1. Please go to the Online Store
  2. Then Edit Code
  3. Please find the theme.liquid file
  4. And add the following code in theme.liquid file above the tag

Thanks

Need any help let me know

7

  • First have to create json schema code for image block then call that above the text, and do css for the styling. ===== How do I create json schema code?

  • searchbar: ====== is it possible to put a searchbar in my banner?

  • Have add schema for ahref URL and then call that in HTML ==== how should I do this?

- fixed!

Thanks a lot!

8

@Itsadesignthing

All these 3 task are possible, and these are very time consuming task, and have to write the code according to theme.

9

that’s unfortunate, but could you please explain how to put a behind a picture, because this one is the most important one. Thank you very much for the help already!

10

@Itsadesignthing

Go this section schema file

add type URL schema and call it in ahref tag before the image