All Collections
Theme
Uploading SVG File/s
How to Upload an SVG File in your Debutify Shopify Theme?
How to Upload an SVG File in your Debutify Shopify Theme?

A guide on how to upload an SVG file in the Debutify Shopify theme.

Mirza Asad Baig avatar
Written by Mirza Asad Baig
Updated over a week ago

What is an SVG File?

A Scalable Vector Graphics (SVG) file is a type of image file that is used for presenting vector graphics. Unlike other image file formats such as PNG and JPG, SVG files are created using mathematical equations and geometric shapes, rather than pixels. This allows them to be scaled to any size without losing quality.


How to Upload an SVG File?

STEP 1

Go to your Shopify Admin, go to Online Store, and then Themes.

STEP 2

Click on Actions to reveal the drop-down list. Click on Edit Code.

STEP 3

Go to the Assets folder. Tap Add a new asset.

STEP 4

Click on Choose File and select your SVG file to upload. Click Done to upload your file.

STEP 5

The selected file will be added to the Assets folder.

The selected file will be added to the Assets folder.

Where Can You Add These SVG Logos In Your Debutify Theme?

SVG logos are a great way to add visual interest to your website's header and custom payment icon. These logos are scalable vector graphics that can be resized without losing quality.

Add the Logos to Your Header

Adding logos to your website's header is a great way to enhance the visual appeal of your website and make it more professional. Logos are also a great way to showcase your brand and make it easily recognizable to your visitors.

Add Logos to Your Custom Payment Icon

Adding logos to your custom payment icon can help make your website look more professional and trustworthy. Customers are more likely to trust a website that displays recognizable logos of popular payment methods.


How to Add the SVG Logo to your Header?

STEP 1

Go to your Shopify Admin, go to Online Store, and then Themes.

STEP 2

Select your Debutify Shopify theme, and click on Customize.

STEP 3

Navigate to the Home page, scroll to the header group, and click Header.

STEP 4

Upload the SVG logo.

STEP 5

Click Save to apply the changes.


How to Add the SVG Logo to Your Custom Payment Icon?

STEP 1

Go to your Shopify Admin, go to Online Store, and then Themes.

STEP 2

Select your Debutify Shopify theme, and click on Customize.

STEP 3

Click Theme Settings > Advanced Settings, and scroll down to Payment Icons > Custom Icon. Click on Select Image to upload your SVG logo.

STEP 4

Click Save to apply the changes.


โ€‹

Did this answer your question?