Product page, title font size change

Hi Framboise,

You should be able to accomplish both of these with a bit of custom CSS. Could you provide us with a link to your catalog, so we could have a look and maybe suggest some CSS to start?

Thank you

Here the same question, also the colour:

https://www.carwashshop.eu

Thanks!

https://www.papsweden.cn/index.php/products/ :
1. I would like to change the font size for the category name (not in the sidebar though but the category name above thumbnail)
1.1. How do I move up the main part “stationary” so it is at same height as the sidebar “sort by”
1.2. How do I move down the “sort by” and “product name” search engine so it is located below the category?
2. How can I change the width in order to fit 4 thumbnails in one row?
3. When I choose one category and click on another category, both categories will remain market, but I only want one category to be marked/at the time.
4. How do I change the font and font color for the text?

https://www.papsweden.cn/index.php/products/?SingleProduct=283
5. When I open any of the products, the page is blank

Sorry for spamming with questions…

Hi Framboise,

1.

.prod-cat-category-label {
font-size: 30px !important;
}

1.1.

.thumb-display {
margin-top: -50px !important;
}

1.2. Not possible with just CSS. You’d have to alter the core plugin code.

2. The catalog thumbnails automatically fill available space. So, if there’s room for a fourth column, based on the width of the thumbnails, it’ll do it in four columns. It looks like your theme’s main content container isn’t wide enough to allow for this. You could always decrease the width of the thumbnails, if you really want four columns, with something like:

.upcp-thumb-item {
width: 150px;
}

Of course, then you’d also have to change the width of some of the elements inside the main thumbnail div. For example:

.upcp-thumb-image-div {
width: 130px;
}

If you’re using the premium version, you can use the “Thumbnail” area of the “Styling” tab to customize the size of the different thumbnail elements.

3. If you’re using the premium version, then you can use the “Categories Control Type” setting in the “Sidebar” area of the “Styling” tab to change the control type to “Radio” to get the behaviour you want. The free version is limited to the checkbox control type.

4. Since this page is blank, I’m not sure what you want to change.

5. It looks like the permalink (i.e. URL) of the page on which you put the [product-catalogue] shortcode is the same as the permalink base that is used for the product pages. If you change the URL of that page to something else, do the individual product pages start to work?

Thanks, I’m using premium version.

5. I changed the URL but the individual product page is still empty.
It has worked before so I don’t think it has something to do with the url.

Hi Framboise,

1) If you go to Options->SEO->Pretty Permalinks, is it set to No?
I’m asking because if it’s set to Yes and your products have no slugs, that could result in products not loading properly.

2) I noticed that your product page is using the Large Screen Custom page option. If you switch the Product Page Type (Options->Premium->Product Page Type) to the Tabbed option, does anything load then?

1) and 2) problem solved, thanks!

New problems:

1) How do I change the colour of the product name (thumbnail view). My current colour is blue and I would like to change it to black

2) When I tried to make the product picture (on custom product page), it wont get bigger but opposite instead. Is there any maximum sixe for the customized product picture? https://www.papsweden.cn/index.php/prod/?SingleProduct=371

3) I’m still confused on how I can translate the plugin to Chinese, is there any tutorial video that have more detailed steps?

• This reply was modified 7 years, 9 months ago by framboisevert.
• This reply was modified 7 years, 9 months ago by framboisevert.
• This reply was modified 7 years, 9 months ago by framboisevert.

Hi Framboise,

1) Have you tried changing the “Title Color” in the “Thumbnail” area of the “Styling” tab?

2) There shouldn’t be a maximum size for the image. Just drag it to the proportion that you want.

With the custom product page layout builder, we’ve noticed that, if you’re having trouble getting the elements on the front end to reflect what you’ve set in the back end, then adding a “Blank” element to the right of everything can help to keep everything else in order when the layout is saved. For example, put together the layout that you want and then add in another “Blank” element to right of everything.

3) Do you mean in addition to an English version, or you only want to have one version and have it in Chinese? Either way, there is no included Chinese translation file. That being said, the majority of the labels/strings in our plugin are localized/internationalized, so you could use a program like Poedit to create a translation file for your language.

1) problem solved

2) It worked when I added the blank element on the right side. However, how can I make the product picture centralized if the picture is smaller than my customed setting?

3) I would like to have it in both english and chinese. I will look into the poedit program.

New problem: 4) On the sidebar, when I click on the “Categories” dropdown in order to open “Subcategories”, there’s a box with numbers which is not related to the nuber of product in the “subcategory”. How do I get rid of it? https://www.papsweden.cn/index.php/prod/

Thanks!

• This reply was modified 7 years, 9 months ago by framboisevert.

5) On my product page, the title is “clickable”, how do make it so the title is not a link?

2. I had a look at one of your product pages to see what you meant, and you could just use some custom CSS. For example:

.prod-cat-addt-details-main {
display: block;
margin: 0 auto;
}

4. What do you have set for the “Sub-Categories Control Type” in the “Sidebar” area of the “Styling” tab?

5. You could probably just do this with some custom CSS. For example:

.upcp-cpp-title a {
pointer-events: none;
cursor: default;
}

Thanks!