Add to card move debutify theme

Store Design
1

Hello everyone, I’m using the Debutify theme. How can I move the “Adauga in cos” button down under the description on featured collection and ensure that the entire text "Adauga in cos’ fits. I change the size, it alters all the text on the page and it becomes too small.

Also, I want to add the word ‘Pret(Price)’ before the price(lei)"

1222222222222222.png
1222222222222222.png1152×847 113 KB

2 Likes
2

To move the ““Adauga in cos”” button below the description in the Debutify theme, you’ll need to edit the theme’s code. Go to Online Store > Themes > Actions > Edit code. Look for product-template.liquid or featured-collection.liquid. Find the button code and move it beneath the description section.

To ensure the button text fits properly, you can create a custom CSS rule to target just that button instead of the whole text. Add this to your theme.scss.liquid file:

.button-class {
font-size: 16px; / Adjust this size /
}

Replace .button-class with the actual class of your button.

For adding ““Pret”” before the price, look for the line that displays the price in the same file and modify it like this:

{{ 'Pret:' | append: product.price | money }}
3

Hello, unfortunately I didn’t manage to :(, i don’t find the button code to move it beneath the description section, i search in featured-collection.liquid i don’t find , I also searched in product-template.liquid an the same i don’t find.

And this code Where do I need to go to modify this code?

I give a “coffe” who help me.

4

Hi @tepy15

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
@media only screen and (max-width: 749px){
.card__body.text-center div {
    order: 3;
}

span.btn__text {
    flex-wrap: nowrap;
}

button.dbtfy-collection-addtocart__button {
    white-space: normal;
    text-overflow: clip;
}
}

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

1 Like