How to add text to collections main picture

Hi there.. I am trying to get text in the collections only.. for main picture.

https://www.flo-art.sk/collections/macrame-darceky-klasicke

This screenshot is collection without text

But is there any chance to add text like is on the main page?

https://www.flo-art.sk/

Dont need that on every page only on my collections.

Thank you

Kind regards

Michael L.

hi @duty1980

go to your shopify - theme - code editor

from sidebar - open collection.liquid file.

find this section-header-image,
NOTE* - isn’t section-header-image-wrapper

after that

(section-header-image), put this liquid code

## {{ collection.title }}

then after open your .CSS file, and put this code

.section-header-image-wrapper {
    position: relative;
}

h2.collection_banner_title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: table;
    margin: auto;
    font-family: Monotype Baskerville,serif;
    font-style: normal;
    font-weight: 400;
    color: #FFFFFF;
}

after complete this how it’s look like

That’s amazing thank you but im lost a bit :slightly_smiling_face:

This first part.. i have put in like this..

But im lost on the other task..

I dunno where to put this code.. is it here?

Sorry for me being a newbie in this :slightly_smiling_face:

hello @duty1980

from code editor - sidebar
open theme.scss(.css) File - put code at last

You are legend!!! Thank you soooo much.

1 Like

Thank you so much! :raising_hands: :blush: Your words make me feel like a :laptop: superhero, ready to tackle any task you throw my way! Is there anything else I can assist you with today?

1 Like

Dear friend,

Thank you very much for your help.. and there is one more issue to be fixed but im off the computer because my baby is sleeping next to me. Can i write to you tomorrow please?

1 Like

Hello my friend… wanted to ask if you can help me out with gallery… because I have this one

https://www.flo-art.sk/pages/galeria-1

But to change pictures are really difficult and have to do some html programming like here.

Is there any chance to create a nice looking gallery without doing this difficult html coding?

Similar to this?

However problem here on the main page you can only pick up three pictures…

Please please

Kind regards

Michael L.

Hi @duty1980 ,

If you want to upload image and show all gallery images with an easy steps so you can do this in Customization > Gallery section but there is showing only 3 images at once so you have to change the limit of the select images.

For fixing this issue you have to just change the limit of the gallery section, follow this below steps:

  1. Go to Online Store

  2. From the Theme drop-down select Edit Code

  3. Find Gallery section in left side menu panel it will be in Section tab with gallery.liquid like that .

  4. Find for this “max_blocks”: 3 and just remove this line.

  5. Just Save!

Now you can choose multiple images from the customization gallery section.

I hope you will do this with ease. If works let me know.

1 Like

SANJU BARAD!! You are my hero… honestly finally someone who can explain it properly and easy way..for everybody to understand.

Thank you so much

Sanju… any chance to have a look at this problem i am having?

im trying to set different price on shop front.. instead of showing the real price. For example

and front e-shop showing also 6 Euros

But I want this price to show "from 3,90 Eur" instead of 6 Eur… but when a customer arrives into a basket, price has to be set 6 Eur.

My prices are set by following

When you buy 1 to 59 price is 6 Eur

When you buy 60 to 99 price is 4,80 Eur

When you buy 100 or more price is 3,90 Eur

Any ideas please? Is that even possible?

Thank you

Kind regards

Michael L.

Hello @duty1980

  • In your Shopify Admin, go to the “Products” tab and click on the name of the product you want to set the pricing tiers for.

  • Scroll down to the “Variants” section and click on “Edit” next to the variant you want to set the pricing tiers for.

  • Scroll down to the “Price & Inventory” section and click on the “Edit” button next to “Pricing”.

  • Under “Variant pricing”, select “Quantity breaks”.

  • Enter the pricing tiers you want to set up. For example, for your pricing structure, you would set:

1 to 59 units: $6.00
60 to 99 units: $4.80
100 or more units: $3.90

  • Save your changes.

Now, when a customer adds the product to their cart, the price will automatically adjust based on the quantity they’re purchasing. The price will be displayed as “From $6.00” on the product page, but will adjust to the appropriate tiered price in the cart based on the quantity.

Dear Sanju,

thank you… .I do have this option created not as a variant, but as a discounted price…

However I do need customers to see the on this page… the price of 3,90 instead of 6.00

:slightly_smiling_face:

Try this, Forget last solution

  • Go to your Shopify admin dashboard and click on the “Products” section.

  • Select the product for which you want to set different prices.

  • Scroll down to the “Pricing” section, and click on “Manage” next to the “Price” field.

  • In the price field, enter the actual price of the product, which is 6 Euros in your case.

  • To display a discounted price on the front-end, you can create a discount code for the product. Go to the “Discounts” section in your Shopify dashboard, and create a discount code with the discount percentage or amount that you want to offer. For example, if you want to offer a 35% discount, set the discount code to apply a 35% discount on the product.

  • Once you have created the discount code, go back to the “Pricing” section of the product page, and click on “Add compare at price” under the “Price” field.

  • Enter the discounted price that you want to display on the front-end. In your case, it would be “from 3,90 Eur”. Make sure to include the “from” text, as this indicates that the price is a discounted price.

  • Save the changes to the product page.

  • When a customer adds the product to their shopping cart, the actual price of the product (6 Euros) will be displayed. However, on the front-end, the discounted price (from 3,90 Eur) will be displayed, indicating that the product is on sale.

I hope this helps! Let me know if you have any further questions.

Dear Sanju..

thank you very much for another option.. any chance to explain where can I find the following?

“go back to the “Pricing” section of the product page, and click on “Add compare at price” under the “Price” field.”

Kind regards

at Price filed Enter ‘from 3,90 Eur’
at Orginal Price Enter ‘6 Euros’

Hi there… thank you again for the answer.. But when I type a letter “from” it wont let me set the price. Only numbers I am allowed :slightly_smiling_face:

Do not worry and thank you again… I will have to live with that.