I want to apply the parameters in the ui router dynamically

I have some parameters for category's URL like /:rootcategory/:sub/:sub which is dynamic and for product I have to route like /product/:productname/:producturl..... It is working good using ui-sref but when I come on the URL and refresh it the config got confused and in both URL case it sends me on the category page.

.state('category3',{
        url: '/:name1/:name2/:name3',
        templateUrl: 'template/product/productsgridpage.html',
        controller: 'categoryCtrl',
        parent: 'productpagelayout'
    })
.state('product', {
            url: '/product/:name1/:name2',
            templateUrl: 'template/product/detailpage.html',
            controller: 'productCtrl',
            parent: 'productpagelayout',
        })