Home › Forums › WoodMart support forum › Change Product Design

Change Product Design

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 10, 2018 at 1:38 pm #76398

    muhammad
    Participant

    Dear Sir i have seen the product designs but i want like this one, Image attached kindly feedback waiting.
    -button and text inline and bg color.
    explain me if there is a way i can create one new design and add it so can also be selectable or to modify to achieve it either way.

    thank you,

    Attachments:
    You must be logged in to view attached files.
    September 10, 2018 at 3:49 pm #76456

    Elise Noromit
    Member

    Hello,

    No, the existing product designs on hover are not configurable. You can change one of the existing ones.

    Best Regards

    September 11, 2018 at 7:06 am #76553

    muhammad
    Participant

    Dear Sir,
    My Client needs its this i’m a developer, since its very important suggest me solution i can modify the code if needed, but since this is an requirement need to do it.

    waiting your response

    September 11, 2018 at 7:26 am #76557

    muhammad
    Participant

    Dear Sir,
    My Client wants the products to appear like the snapshot attached (snap1.png).
    Very important.

    waiting for your response.

    Attachments:
    You must be logged in to view attached files.
    September 11, 2018 at 7:28 am #76559

    Artem Temos
    Keymaster

    Hi,

    Sorry, but there is no such option in our theme and WooCommerce by default. It may require additional code customization or extra plugin but we don’t have an instruction for this. It is out of our theme support scope.
    You can find all files that contain products grid structure in the folder woodmart/woocommerce/. Files named as content-product-*.php depending on the style you are using.

    Regards

    September 12, 2018 at 7:35 am #76768

    muhammad
    Participant

    Alright,
    1: how provide gap between products in homepage (see attachment snap1_2)
    2: how do i make discount percentage appear similar (see attachment snap1_1.png) and big
    3: i want the product title font font size to be big

    Waiting for reply.

    Attachments:
    You must be logged in to view attached files.
    September 12, 2018 at 7:41 am #76770

    muhammad
    Participant

    attachment snap1_2 = https://prnt.sc/ktfere

    September 12, 2018 at 8:17 am #76781

    Elise Noromit
    Member

    Hello,

    1. Navigate to the Theme Settings > Shop > Product grid and find the option to set the space.

    2. Theme Settings > Shop > Product labels you will find the option to set percentage.

    3. Product title in grid: add this custom CSS to the Theme Settings > Custom CSS: 

    .product-grid-item .product-title a, .product-title a{
font-size:20px;
}

    Product title on the product page: 

    .product-image-summary .entry-title{
font-size:20px;
}

    Change font -size values as per your needs.

    Best Regards

    September 12, 2018 at 8:24 am #76786

    muhammad
    Participant

    2. Theme Settings > Shop > Product labels you will find the option to set percentage.

    I tried this option but i don’t see any option to customize the percentage label or either way to make it big ?
    i want to make it big .
    and is it possible to change its position at bottom right ?

    Attachments:
    You must be logged in to view attached files.
    September 12, 2018 at 9:02 am #76796

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS: 

    .labels-rounded .product-label {
    min-height: 70px;
    min-width: 70px;
}
.labels-rounded {
    bottom: 27px;
    left: 7px;
}

    Best Regards

  • Author
    Posts

Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)