Adding text to a Product Page

Site URL: https://steve-lewis-7h8y.squarespace.com/pantry

Hi, I'm wondering if I'm able add a text box above the category nav of a product page? This is for a food business that wants to stipulate pickup hours and procedures for COVID-19 curbside pickup. Any help would be appreciated.

Add to Home > Design > Custom CSS

div#categoryNav:before {
    content: "Tuan Phan";
    display: block;
    text-align: center;
    font-family: monospace;
    color: white;
    margin-bottom: 20px;
}

I'm trying to do the same thing to my products page.  I tried inserting the code listed above, but it didn't have an effect.  Any ideas?  Thanks!

https://www.zentrembles.com/merch

On 6/2/2020 at 11:15 AM, ZenTrembles said:

I'm trying to do the same thing to my products page.  I tried inserting the code listed above, but it didn't have an effect.  Any ideas?  Thanks!

https://www.zentrembles.com/merch

Add to Page Settings > Advanced > Header

<style>
  div#content:before {
    content: "Tuan Phan";
    display: block;
    text-align: center;
    font-family: monospace;
    color: white;
    font-size: 20px;
    margin-bottom: 50px;
}
</style>

I'd like to the same but it's not showing up for me (website: www.gatheringplacebrewing.com)

It worked for me, but I had to change "white" to "black" for the text to show up on my white background. Thanks, Tuan!

Any way I could get some help with this also? I want a text block above my products to give a brief explanation, sort of like a page title.

link: https://www.myhandhistory.com/send-hh

On 4/24/2020 at 3:14 PM, tuanphan said:

Add to Home > Design > Custom CSS

div#categoryNav:before {
    content: "Tuan Phan";
    display: block;
    text-align: center;
    font-family: monospace;
    color: white;
    margin-bottom: 20px;
}

 

Hi Tuan.  I was wondering whether you can help me with the same thing for my page: https://www.wtfwad.com/quirky-cottons. I'm trying get some text above the categories so that it's visible to the customers during COVID.

Thanks so much in advance for any help you can offer.

Is there any way to do this but also make part of the text a hyperlink?

On 10/23/2020 at 9:02 AM, FKS73 said:

Is there any way to do this but also make part of the text a hyperlink?

Can you share link to product page? Which text/link you want to add? We can help easier

Hello - I am trying to add a Category Description under the heading title of that category page. Is there any CSS to enable adding a text box in that location? 

In this example (see screenshot below), I would like the text box to go under the first instance of SWEET LEAF so that the customer reads the overall product description under the category heading. I would like that description to change when they click through each of the categories (i.e. Lucinda Tassel, Electric Lady, etc.) 

Here is a link to my client's site. The nature of her products warranted individual product pages for each color combination. We want to keep the product pages clean and eliminate duplicative text in the descriptions. So ideally, there's only one description and that is under the heading title of the category page. 

I hope that makes sense. Greatly appreciate any help!! 

@ACScruggs

Your site is private. Please set up a site-wide password,. Post the password here.

We can then take a look at your issue.

@creedon Thanks for the quick reply! New password is leathergoods. Appreciate your help. 

@ACScruggs

Are you looking for something like the following?

The font style can be changed with CSS but I'm just checking to make sure this is the target area you want the description.

I think the trick is going to be that as far as I can tell there is no way in CSS alone to know that you are on a category page at the level of where the description I show above is.

Let us know.

@creedon  That is it!! Yes, sir. Thank you!

@ACScruggs

Please see the following.

After the example line in the code add the following.

          'electric-lady'     : 'Harness your inner rock star with this groovy Dust & Sunshine Original Design! Bold as love and flattering to the jaw line, they will perfectly frame that beautiful face of yours. These ladies are no-joke cool. Sure to make a bold statement!',
          'grand-deco'        : 'Our Grand Deco earrings were the very first in the Dust & Sunshine collection. Born from a love of Art Deco and geometric pattern, designer, Kara Johnson, dreamt up this iconic style. Grand Deco is a true statement piece, yet is wearable for any occasion.',
          'limited-edition'   : 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Integer enim neque volutpat ac tincidunt vitae. Proin libero nunc consequat interdum varius sit. Potenti nullam ac tortor vitae purus faucibus ornare. Fames ac turpis egestas maecenas pharetra convallis posuere morbi.',
          'long-songbird'     : 'A little bit country, a little bit rock ‘n roll - think Gypsy Cowgirl. There’s a little spark of magic when you adorn yourself with a striking pair of earrings. These beauties emphasize your natural femininity, and are just the right choice when you’re feeling bold. Show the world that you’re not messin’ around.',
          'lucinda-tassel'    : 'These effortlessly cool tassel earrings will elevate your style in an instant! Our handmade design shows off why we love leather - natural softness and movement. Jazz up your denim and boots, or wear them with your favorite dress. They go with literally everything and are light as a feather! Go on and shake it, Sugaree!',
          'petite-deco'       : 'You’ll be livin’ on a high note in our most popular design! The Petite Deco is a smaller version of our flagship earring, the Grand Deco. Like all our styles, each piece is hand-cut, super lightweight and crafted to perfection. Elevated further by quality metal, giving them a truly upscale look.',
          'short-songbird'    : 'Dust & Sunshine earrings are adored for their stunning color combinations and the Songbird Styles showcase that flawlessly. Flaunt a refined touch of sophistication with this shorter style. They’re sure to become a classic in your jewelry repertoire. Designed and handcrafted with precision, resulting in an overall distinctive beauty.',
          'sweet-leaf'        : 'Organic elegance, subtle sweetness and versatility. This design showcases the inherently luxurious textures that make leather so attractive. Whether you choose a shimmering metallic or an earthy palette, you’ll find yourself returning to the Sweet Leaf time and again. This style is our most popular for gift-giving.',
          'wyoming-wristies'  : 'Saddle-Up with this everyday accessory! These bracelets are loved for their simple attractiveness. Each bracelet utilizes leftover pieces of gorgeous, high-quality leather sourced from Wyoming handbag makers. We use only genuine U.S. tanned leather which ages beautifully and becomes buttery soft over time. Solid brass rings and rivets contrast with supple leather for a timeless look.',

This is for a v7.1 site.

You will of course need to extend the code to include the rest of your categories and descriptions.

Let us now how is goes.

@creedon Thanks a ton! Going to give this a try tonight and will update the thread. Looks like a long and intimidating code 🤪 for this novice but I'm hopeful! 🙂 Fingers crossed! Thanks again

I suggest testing it out first to see if it works OK on your site. Just put the descriptions in for the two categories there and see how it goes.

If you're not comfortable adding the rest of the code in there I'd be happy to add the rest. I just want to make sure it's going to work before continuing.

@creedon Gave it a shot and this was the result.... You are absolutely welcome to give it a try on your end. I suppose my only concern is if it gets too complicated if/when updates need to occur in the future. Also, to be frank, I'm just learning a little about coding so I don't know how to target and change the font style in that description. 

32 minutes ago, ACScruggs said:

Gave it a shot and this was the result.... You are absolutely welcome to give it a try on your end.

At least we know that it can probably work, we just need to nail down a few styling and spacing issues.

40 minutes ago, ACScruggs said:

I suppose my only concern is if it gets too complicated if/when updates need to occur in the future.

Understandable. As far as the basic structure of the code it shouldn't change much other than adding changing the category descriptions and urlCategoryMappings.

I'm willing to take another run at it. Please let me know if you don't want to pursue this avenue. It will probably be several days until I can get to this again.

@creedon I'll be working on the site for another week. I'll probably try to find some sort of workaround by early next week. If you're able to by Monday or Tuesday, great, but if not - no sweat!! Really appreciate it. 

In the meantime, I'll be brainstorming other ways we can minimize duplicating those descriptions... hmmmm....🤔

12 hours ago, ACScruggs said:

other ways we can minimize duplicating those descriptions

When you say duplicating are you saying they are already in the site somewhere or that there is only one description for all the categories? If it's the former where? If the later that can be taken care of easily in the code.

Each category (Lucinda tassel, sweet leaf, electric lady, etc) has one main description to describe the style. 
 

Because some categories (aka styles) had more than twenty color combinations, we opted to make each color a single product. Herein lies our issue. We didn’t want one product to have a dropdown menu with twenty color variants. 
 

So if we’re unable to insert the category description on the main shop page when someone toggles through each category, we’ll have to duplicate it by putting it on each product page. (At least that’s the only way I can think of handling it.) 

So on the main shop page, when ALL is highlighted, there wouldn’t be a description for any specific category. Perhaps just text telling the customer to click through each category to read more. 

Once they select a category, the overall description would appear in under the category heading (Lucinda tassel, etc) 

Sorry, simple answer - it’s the later....