Move poduct title & thumbnail modifications

[LV]

1] Need code please to move title and price of product under detail product page to be shown only in cellphone.

2] Change circle thumbnails to square both under category page and product detail page.

3] Can a text be added like “more options” in each product if there are more than 4 thumbnails under category page.

5] I’m using the template just like in http://janstudio.net/claue/demo/product/premium-shoes-clean-package/ but need thumbnails in the left added as in http://janstudio.net/claue/demo/product/analogue-resin-strap-watch/.

5] Need to move short description under “Add to Cart”.  I tried to use the “Extra Content” but the info is showing in all products [which I do not like].

Please see attachment.

Thank you.

Attachments:

You must be logged in to view attached files.

[Harry]

Hi LV,

Thank you for choosing our theme.

1, It can’t

2. Please add custom css in Claue > Theme Option > General Layout > Custom CSS

.swatch__list--item,
.swatch__value {
	border-radius: 0;
}

3. It can’t do it

4. It can’t do it

5. Please add below code to functions.php in claue-child

add_action( 'wp_head', 'remove_my_action' );
function remove_my_action(){
  remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 );
}
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 30 );

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[LV]

Thanks.

So can you please move the title of product under detail product page above main image to be seen in all devices?

Thank you.

 

[LV]

Hi,

I was able to move it on my own.

So is there a CSS code that can be placed across the price [on the right side] that says “Ships Free”?

 

Thanks

[Harry]

Hi,

Please add custom CSS

.entry-summary .price::after {
content: ‘Ships Free’;
margin-left: 15px;
}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[LV]

Thanks.

One more thing, the background color of my flip image [second image] is white.
On flip or hover, the background color has bluish/violet tinge.

I want to change it to another color or to color white.

See attachment.

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

You can fix by add custom css in Claue > Theme Option > General Layout > Custom CSS

.product-image a.db::before {background: none;}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[LV]

Thanks.

[Author]

Posts