Change the products swatch position in homepage Dawn 15V

[ctal37]

 

hiii

I would like to change the position of swathes to bottom right under the price tag, aligning on top. 

check the screenshot 

[BSSCommerce-HDL · Accepted solution]

Hi @ctal37, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

<style>
.collection-product-card__variants.card-swatch--standard {
    order: 1;
}

.card__content.card-swatch__content, .card__information.card-swatch__information {
    padding-bottom: 0 !important;
}

.card__content.card-swatch__content {
    padding-top: 10px !important;
}

.collection-product-card__swatch {
    margin-top: 0 !important;
}
</style>

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you  😍

[ctal37]

Hey @BSSCommerce-HDL 

create colour wise collection from existing 6 style products

This change is so important to me I need your help really bad, and you will be the first one solving this issue on in community. I will be more than just thankful I don't know you but everything means a lot to me whatever help you do to help me

Can you help me with the issue given below

Store url  https://5a3cf5-fc.myshopify.com/

Check my profile for more details about this issue I've raised a question already.

I have 6 style heels with 4 different colours each style (Red Pink White Black ), so totally 24 pairs.

( 6 Red ) (6 Pink) (6 White) (6 Black)

I would like to create colour wise collection from existing 6 style products only.

Like ‘Red collection’ with all 6 style red heels,

‘Pink collection’ with all 6 style pink heels etc.

So I added everything correctly , I added pink tags products in Pinkish Collection and added it in main menu  navigation bar.

And now the issue is when i click on the option ‘Pinkish Collection’ its actually navigating me to all the products available in single style and not just showing pinks. So if I click on option pink i want all the pink products appear and rest disappear.  

I did all the steps correctly now the problem is in single style there's already 4 colours added its not single colour product so I can tag it with a single tag obviously I tagged all 4 colours in that same single style which is having all 4 colours.

So now tell me if I click on option pink collection i want all the pink products appear and rest disappear.

check the screenshots