Product Details Page

Hi again,

Based on this page, http://khayen.com/shop/woman/gthnic-detail-open-jacket/
How do I add a label/text besides Quantity ? Or inside it ?
I have 2 kinds of products where A is customizable by length, and B is fixed by quantity itself.
How do I do this ?

Secondly, how can I have 2 swatches in Product detail ? Example, I have product C that able to select Color and Material.

Regards

Attachments:

You must be logged in to view attached files.

Another question, how do I un-stick my header ONLY for Product Detail page ?

Hello,

1. You can add a label text to the quantity input in the file woocommerce / global / quantity-input.php.

2. Here is a video tutorial that will help you create variable products with variations swatches and add AJAX filters for them https://www.youtube.com/watch?v=gp3SMkKvUvs

3. You can hide it on the single product page by adding the following code snippet to the Custom CSS section in Theme Settings

.single-product .sticky-header.act-scroll {
	display: none;
}

Regards

1. You can add a label text to the quantity input in the file woocommerce / global / quantity-input.php.

Hi, is there anyway that I can do something like this.
If the category of product is A, then the display price should be $ 12/mm
If the category of product is B, then the display price should be $ 30

Secondly, how can I change the font ONLY for the price on product details page, eg. Arial to Tahoma ?

Regards

Hello,

Sorry, but there is no such price options for categories in WooCommerce.

You can change the font family on the product page with the following CSS code

.single-product-content p.price {
	font-family: Tahoma;
}

Regards

Where can I find the price label for single product page in php ? If I could somehow get categories in there, then I could probably do something.

But then again, if there’s update on the theme, will it be overwritten ?

How do I do this https://xtemos.com/forums/topic/sku-instead-of-price/#post-26509
Could you put the updated code again since it is not available there ?

How do I move the Additional Information below the Add to Cart button in the product details page ? Can I add my own html shortcode there ? how do I do it ?

Regards

Attachments:

You must be logged in to view attached files.

The price HTML code is generated by WooCommerce plugin and we don’t know the file where you can edit it in the WooCommerce plugin.

What exactly do you want to achieve and what code do you need from that topic?

You can choose Compact product page style to move products tabs to the different location. Find this option in Theme Settings -> Product page.

Here is an article from WooCommerce documentation that may help you customize your product page tabs https://docs.woocommerce.com/document/editing-product-data-tabs/

Oh sorry was not clear.

I wanted to replace the grey colored share buttons with a slightly larger version and colored. Same like what hes trying to achieve in that post.

How do I remove this color in my Additional Tab ? I’ve check my Theme settings > Product page and my Additional Tab is empty.

Attachments:

You must be logged in to view attached files.

How do I move the product label Sale/hot/New in the product listing page slightly to the left by 5px ? This is my shop page http://khayen.com/shop/

Attachments:

You must be logged in to view attached files.

Hi,

Edit the file woocommerce/content-single-product.php and replace the code

<?php echo basel_shortcode_social( array( 'type' => basel_get_opt( 'product_share_type' ), 'size' => 'small', 'align' => 'left' ) ); ?>

with this one

<?php echo basel_shortcode_social( array( 'type' => basel_get_opt( 'product_share_type' ), 'size' => 'large', 'align' => 'left', 'style' => 'colored' ) ); ?>

Read the article that should help you understand how WooCommerce product tabs work and how to remove them or edit https://docs.woocommerce.com/document/editing-product-data-tabs/

Here is a CSS code to move labels a bit right, sorry but you can’t have them out of the product box.

div.labels-rectangular {
	left:15px;
}

Regards

Thanks.

Do I have to copy the content-single-product.php to my child theme folder or I can just make changes there, would update overwrites them ?

Yes, it would be better to copy it to the child theme to prevent losing changes after theme updates.

Regards

Hey, thanks. Managed to do some stuff regarding the price.

Could you take a look at my previous post https://xtemos.com/forums/topic/product-details-page/#post-30609

I have this Color attributes appearing at my Additional Information in single product page but I’ve checked my Theme settings that I removed the them already.
This is the site http://khayen.com/shop/woman/dress/

Regards

Hi,

As we mentioned, you can read how to remove this tab in the WooCommerce documentation. It doesn’t come with our theme and is generated on all attributes added to the product.

Alright, thanks.

You are welcome!

[Author]

Posts