Adress a specific featured collection in the code - Turbo Theme

Nick1408
Excursionist
12 0 8

Hey, I have a question:

 

How can I adress a specific featured collection in the code? Please have a look at the attached pictures. I am trying to add a button to the featured collection on my homepage which would take me right to the full collection where I can see all items in that collection.

 

I have managed to display a button but the button shows up on both featured collections. How can I adress the correct featured collection?

 

For example: the button "Show All T-Shirts" should only appear under the "T-Shirts" featured collection and the "Show All Mugs" button should only appear under the "Tassen" featured collection.

 

I have also took a screenshot of the code I have used to create the buttons and in which file I have included that.

 

I hope that you can help me.

 

Code.PNGFeatured Collectio  Mug.PNGFeatured Collection T-Shirt.PNG

KetanKumar
Shopify Partner
20430 2114 7676

@Nick1408 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Nick1408
Excursionist
12 0 8

@KetanKumar 

 

The store URL is: https://prynting.de/

The storefront password is "driedo"

 

Thanks

KetanKumar
Shopify Partner
20430 2114 7676

@Nick1408 

thanks for store details please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/styles.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

.shopify-section--featured-collection {
    text-align: center;
    margin-bottom: 30px;
}
.shopify-section--featured-collection .text-center {
    display: inline-block;
    margin: 0px auto;
}
.shopify-section--featured-collection .text-center a.global-button {
    font-size: 13px;
    padding: 10px;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Nick1408
Excursionist
12 0 8

@KetanKumar 

 

Could you tell me what those code lines should do? It didn´t happen anything. On the picture you can see that I included the code at the style.css file. 

On store front it didn´t change anything. As far as I can read the code it doesn't have an impact on the way the buttons appear on the homepage under the featured collections.

 

Just to make sure you know what I am trying to do: On the images below you can see that there are two buttons under the featured collection "T-Shirts". And the same two buttons are under the featured collection "Tassen" (in English "Mugs"). But I want that only ONE button shows up for the correct featured collection.

 

Featured collection "T-Shirts" = Button "Show All T-Shirts"

 

Featured collection "Tassen" = Button "Show All Mugs"

Code...PNGStill shows 2 buttons.PNG2 buttons.PNG

KetanKumar
Shopify Partner
20430 2114 7676

@Nick1408 

can you please add this code top files

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Nick1408
Excursionist
12 0 8

@KetanKumar 

 

My thought was that I use the section ID to adress the specific featured collection. 

 

The featured collection "T-Shirts" has the id: shopify-section-162033356992dda67a and the class: shopify-section shopify-section--featured-collection

The featured collection "Tassen" has the id: shopify-section-16231849556b5b2d76 and the class: shopify-section shopify-section--featured-collection

 

But my problem is that I don't know how to use the IDs to adress only one of the sections.

 

KetanKumar
Shopify Partner
20430 2114 7676

@Nick1408 

Yes, current as you like your modification 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Nick1408
Excursionist
12 0 8

@KetanKumar 

Unfortunately that doesn't fix the problem. There are still showing up two buttons. 

 

It doesn't matter whether the buttons are arranged next to each other or one below the other. I don't want that there are 2 buttons at all, just the one that belongs to the correct collection.

 

Do you understand what I mean?

 

2 buttons.PNG

 

KetanKumar
Shopify Partner
20430 2114 7676

@Nick1408 

oh sorry for miss understand can you please add this code 

.shopify-section--featured-collection .text-center + .text-center {
    display: none;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing